南岸区人民政府第一块样式

nngkxxdp/src/main/resources/static/mxt/css/index.css

@@ -15,16 +15,6 @@ li {
 	list-style: none;
 }
 
-li::before {
-	content: '';
-	display: inline-block;
-	width: 3px;
-	height: 3px;
-	border-radius: 50%;
-	background-color: #000;
-	
-	margin-right: 5px;
-}
 @font-face {
 	font-family: ZhenyanGB;
 	src: url('../font/RUIZIZHENYANTIMIANFEISHANGYONG-2.TTF');
@@ -133,8 +123,17 @@ li::before {
 	width: 49%;
 	margin-top: 20px;
 	border: 1px solid #E3E3E3;
+	position: relative;
 }
 
+.text_top {
+	position: absolute;
+	top: 162px;
+	left: 206.6485px;
+	background-color: #F98034;
+	color: #fff;
+	padding: 5px 10px;
+}
 
 .box-item .top {
 	width: 100%;
@@ -151,7 +150,6 @@ li::before {
 .box-item .content {
 	padding:0px 10px 10px;
 	box-sizing: border-box;
-
 }
 
 .box-item .content li{
@@ -159,19 +157,62 @@ li::before {
 	font-family: Source Han Sans SC;
 	color: #333333;
 	line-height: 24px;
-	margin-top: 30px;
+	margin-top: 38px;
 	overflow : hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	cursor: pointer;
+	display: flex;
+}
+
+.time_data {
+	display: flex;
+	align-items: center;
+}
+
+.time_data>p {
+	color: #176AB7;
+	font-size: 24px;
+}
+
+.time_wrap {
+	display: flex;
+	flex-wrap: wrap;
+	margin-left: 5px;
+}
+.time_wrap>div{
+	color: #999;
+	text-align: center;
+}
+.time_now {
+	width: 100%;
+}
+.time_point {
+	width: 5px;
+	height: 5px;
+	background-color: #999999;
+	border-radius: 50%;
+	margin: 0 auto;
+}
+.center_line {
+	width: 1px;
+	height: 53px;
+	background-color: #A0A0A0;
+	margin: 0 10px;
+}
+.text_title {
+	width: 100%;
+	color: #333333;
+	font-weight: 400;
 }
 .box-item .content li:hover {
 	color: #000000;
 }
 
 .block-contanier>div .top{
+	height: 180px;
 	background: url(../img/najkws.png) no-repeat;
 	background-size: 100% 100%;
 }

nngkxxdp/src/main/resources/static/mxt/js/index.js

@@ -38,25 +38,25 @@ function initPage() {
 	});
 }
 
-function initTop(data) {
-	$('.box-contanier').empty();
-	var html = '';
-	for (var i = 0; i < topModule.length; i++) {
-		var obj = data[topModule[i]];
-		if (!obj) {
-			continue;
-		}
-		html += '<div class="box-item">'
-			+ '<div class="top">'+ topModule[i] +'</div>'
-			+ '<div class="content">'
-			+ '<ul>';
-		for (var j = 0; j < 4; j++) {
-			html += '<li><a target="_blank" href="'+ obj[j].url +'">'+ obj[j].title +'</a></li>';
-		}
-		html += '</ul></div></div>';
-	}
-	$('.box-contanier').append(html);
-}
+//function initTop(data) {
+//	$('.box-contanier').empty();
+//	var html = '';
+//	for (var i = 0; i < topModule.length; i++) {
+//		var obj = data[topModule[i]];
+//		if (!obj) {
+//			continue;
+//		}
+//		html += '<div class="box-item">'
+//			+ '<div class="top">'+ topModule[i] +'</div>'
+//			+ '<div class="content">'
+//			+ '<ul>';
+//		for (var j = 0; j < 4; j++) {
+//			html += '<li><a target="_blank" href="'+ obj[j].url +'">'+ obj[j].title +'</a></li>';
+//		}
+//		html += '</ul></div></div>';
+//	}
+//	$('.box-contanier').append(html);
+//}
 
 function initCenterByLeft(data) {
 	$('#wechartList').empty();

nngkxxdp/src/main/resources/static/mxt/mxt.html

@@ -24,17 +24,62 @@
 			</ul>
 			
 			<div class="box-contanier">
-				<!-- <div class="box-item">
+				<div class="box-item">
 					<div class="top">重庆市南岸区人民政府</div>
+					<p class="text_top">重庆市南岸区人民政府 </p>
 					<div class="content">
 						<ul>
-							<li>习近平在省部级主要领导干部学习贯彻党的十    九届六中全会精神专题研讨班开班式上发表重</li>
-							<li>习近平在省部级主要领导干部学习贯彻党的十    九届六中全会精神专题研讨班开班式上发表重    要讲话</li>
-							<li>习近平在省部级主要领导干部学习贯彻党的十    九届六中全会精神专题研讨班开班式上发表重    要讲话</li>
-							<li>习近平在省部级主要领导干部学习贯彻党的十    九届六中全会精神专题研讨班开班式上发表重    要讲话</li>
+							<li>
+								<div class="time_data">
+									<p>30</p>
+									<div class="time_wrap">
+										<div class="time_now">03</div>
+										<div class="time_point"></div>
+										<div class="time_now">2022</div>
+									</div>
+								</div>
+								<div class="center_line"></div>
+								<div class="text_title">习近平在省部级主要领导干部学习贯彻党的十    九届六中全会精神专题研讨班开班式上发表重</div>
+							</li>
+							<li>
+								<div class="time_data">
+									<p>22</p>
+									<div class="time_wrap">
+										<div class="time_now">03</div>
+										<div class="time_point"></div>
+										<div class="time_now">2022</div>
+									</div>
+								</div>
+								<div class="center_line"></div>
+								<div class="text_title">【指南针】“场所码”是啥？扫了还亮“渝康码”不？</div>
+							</li>
+							<li>
+								<div class="time_data">
+									<p>12</p>
+									<div class="time_wrap">
+										<div class="time_now">03</div>
+										<div class="time_point"></div>
+										<div class="time_now">2022</div>
+									</div>
+								</div>
+								<div class="center_line"></div>
+								<div class="text_title">【指南针】一图了解：支持小微企业发展，2022年“六税  两费”减免政策再添力</div>
+							</li>
+							<li>
+								<div class="time_data">
+									<p>09</p>
+									<div class="time_wrap">
+										<div class="time_now">03</div>
+										<div class="time_point"></div>
+										<div class="time_now">2022</div>
+									</div>
+								</div>
+								<div class="center_line"></div>
+								<div class="text_title">【消息树】全国通报表扬!南岸区连续7年蝉联“全国文明城 区”荣誉称号！</div>
+							</li>
 						</ul>
 					</div>
-				</div> -->
+				</div>
 			</div>
 		</div>
 		<!-- 公众号区域 -->