master

分支 (1)

管理

管理

master

school
/
xinwendetail.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>足下教育</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=tLfmkn3SLUPSEPNKAn83pApq0bg5sziI"></script>

		<style type="text/css">
		body{
				background-color: white;
		}
			.logo-box{
				padding: 0.625rem 0rem;
				padding-left: 0.625rem;
				background-color: rgba(10,100,200,0.5);
				color: white;
			}
			.logo-box .logo-name{
				font-size: 1.5rem;
				font-weight: bold;
			}
			.navbar{
				display: flex;
				justify-content: space-between;
			}
			.navbar li a{
				color: black;
				font-size: 1rem;
				font-weight: bold;
			}
			.navbar li .active{
				border-bottom: 0.25rem solid #01eabb;
			}
			.nav-bread-box{
				background-color: #E2E2E2;
				color: white;
				padding: 0.375rem;
				margin: 0.375rem;
				font-size: 0.875rem;
			}
			.nav-bread-box a{
				color: #111;
			}
			.nav-bread-box .current-type{
				color: darkorange;
			}
			.detail-box{
				margin: 0.625rem 0rem;
				padding: 0rem 0.625rem;
				background-color: white;
			}
			.detail-box .title{
				text-align: center;
				font-size: 1.25rem;
				font-weight: bold;
			}
			.detail-box .time{
				text-align: center;
				margin: 0.3125rem 0rem;
				color: #ccc;
			}
		</style>
	</head>
	<body>
		<div class="logo-box">
			<div class="logo-name">北京大学株洲分校</div>
			<div class="slogan">专注于互联网高端技能人才</div>
		</div>
		<div class="nav-bread-box">
			<a href="index.html">主页</a>-><a href="xinwen.html">新闻咨询</a>-> <span class="current-type">学校新闻</span>
		</div>
		<div class="detail-box">
			<div class="title">5G时代的到来，为什么越来越多的人入行新媒体</div>
			<div class="time">
				日期：2020-11-18
			</div>
			<div class="content">
			</div>
		</div>


		<style type="text/css">
			.major-box .lianxi{
				width: 4.25rem;
				text-align: center;
				font-weight: bold;
				border-bottom: 0.3125rem solid #01eabb;
				padding-bottom: 0.25rem;
				margin-bottom: 0.625rem;
			}
			#map{
				height: 12.5rem;
			}
			.info-box img{
				width: 1rem;
				margin-right: 0.625rem;
			}
		</style>
		<div class="major-box">
			<div class="lianxi">联系我们</div>
			<div id="map"></div>
			<div class="info-box">
				<!-- <div class="tel"><img src="img/duanxin.png"><span>400-6655-720</span> </div> -->
				<div class="msg"><img src="img/phone.png" ><span></span></div>
				<div class="position"><img src="img/position.png" ><span></span></div>
			</div>
		</div>
		<footer>
			<div class="" style="padding: 0rem 0.625rem;">
				<div id="address"></div>
				<div><img src="" id="qrcode" ></div>
			</div>
			<div id="beian" style="text-align: center;font-size: 0.75rem;display: block;color: #ccc;"></div>
		</footer>
	</body>
	<script type="text/javascript">
		var scheme = "";
		$(function () {
			var map = new BMapGL.Map("map");    // 创建Map实例
				map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
					map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
					var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
					map.addControl(scaleCtrl);
					var zoomCtrl = new BMapGL.ZoomControl();  // 添加比例尺控件
					map.addControl(zoomCtrl);
					 var marker = new BMapGL.Marker(new BMapGL.Point(116.404, 39.915));
					map.addOverlay(marker); // 增加点
		});
	</script>
	<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	 //url 传参
		function GetQueryString(name){
				var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
				var a = decodeURI(decodeURI(window.location.search));
				var r = a.substr(1).match(reg);//search,查询？后面的参数，并匹配正则
				if(r!=null)return  unescape(r[2]); return null;
		}
	var nsid = GetQueryString('nsid')	;
		$.ajax({
			url:`${HOST}/h5/newsdetail`,
			data:{"nsid":nsid},
			success:function(res){
				if(res.code==200){
					$(".current-type").html(res.data.newtype.name);
					$(".detail-box .title").html(res.data.nstitle);
					$(".detail-box .time").html(res.data.nstime);
					let reg = /src=\"\/upload\//g;
					let tmp = res.data.nscontent.replace(reg, `src=\"${HOST}/upload/`)
					$(".detail-box .content").html(tmp);
				}
			}
		})
	</script>
</html>