修改来宾终端历史沿革

spring-cloud/server-page/src/main/resources/static/lbzd/css/indexb.css

@@ -75,8 +75,95 @@ li{
 
 /* 历史沿革 */
 .yg-box{
-	background: url(../img/licheng.png) top center no-repeat;
-	background-size: 100% 100%;
+	width: 100%;
+	height: 100%;
+}
+
+.yg-box .time-line{
+	position: relative;
+	height: 100%;
+}
+
+.time-line .center-line{
+	position: absolute;
+	bottom: 20%;
+	width: 100%;
+	height: 5px;
+	background-color: #0451A3;
+}
+
+.time-line img{
+	position: fixed;
+	bottom: 20%;
+	left: 50%;
+}
+
+.time-top{
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+	width: 100%;
+	height: 100%;
+	overflow-y: scroll;
+}
+
+.time-top .time-item{
+	position: relative;
+	bottom: -5%;
+	min-width: 200px;
+	height: 50%;
+	padding-right: 35px;
+	box-sizing: content-box;
+}
+
+.time-top .time-item::after{
+	content: "";
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	height: 5px;
+	background-color: #0451A3;
+}
+
+.time-top .time-item:nth-of-type(1){
+	padding-left: 40px;
+}
+
+.time-item .flag{
+	position: absolute;
+	width: 5px;
+	height: 100%;
+	background-color: #0451A3;
+}
+
+.flag>i{
+	position: absolute;
+	top: 5px;
+	display: inline-block;
+	border-top: 40px solid transparent;
+	border-bottom: 40px solid transparent;
+	border-left: 90px solid #0451A3;
+}
+
+.time-item .contan-box{
+	position: absolute;
+	top: 30%;
+	margin-left: 14px;
+}
+
+.contan-box .item-title{
+	font-size: 36px;
+	font-weight: 550;
+	color: #0451A3;
+}
+
+.contan-box .item-cont{
+	/* font-family: "黑体"; */
+	font-size: 18px;
+	font-weight: 500;
+	color: #333;
+	padding-right: 20px;
 }
 
 /* 机构设置 */

spring-cloud/server-page/src/main/resources/static/lbzd/indexb.html

@@ -4,7 +4,6 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>首页</title>
-		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
 		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
 		<link rel="stylesheet" type="text/css" href="css/indexb.css"/>
 	</head>
@@ -31,7 +30,77 @@
 			<div class="content">
 				<!-- 沿革 -->
 				<div class="yg-box">
-					
+					<div class="time-line">
+						<ul class="time-top">
+							<div class="center-line"></div>
+							<img src="img/run-man.png" />
+							<li class="time-item">
+								<p class="flag">
+									<i></i>
+								</p>
+								<div class="contan-box">
+									<div class="item-title">
+										1985
+									</div>
+									<p class="item-cont">
+										重庆市城市建设局科技技术情报站成立
+									</p>
+								</div>
+							</li>
+							<li class="time-item">
+								<p class="flag">
+									<i></i>
+								</p>
+								<div class="contan-box">
+									<div class="item-title">
+										1998
+									</div>
+									<p class="item-cont">
+										更名为重庆市市政管理局科学技术情报站
+									</p>
+								</div>
+							</li>
+							<li class="time-item">
+								<p class="flag">
+									<i></i>
+								</p>
+								<div class="contan-box">
+									<div class="item-title">
+										2001
+									</div>
+									<p class="item-cont">
+										更名为重庆市市政信息中心
+									</p>
+								</div>
+							</li>
+							<li class="time-item">
+								<p class="flag">
+									<i></i>
+								</p>
+								<div class="contan-box">
+									<div class="item-title">
+										2005
+									</div>
+									<p class="item-cont">
+										单位机构规格调整为正处级
+									</p>
+								</div>
+							</li>
+							<li class="time-item">
+								<p class="flag">
+									<i></i>
+								</p>
+								<div class="contan-box">
+									<div class="item-title">
+										2010
+									</div>
+									<p class="item-cont">
+										经市编办批准增挂重庆市数字化城市管理中心牌子
+									</p>
+								</div>
+							</li>
+						</ul>
+					</div>
 				</div>
 				<!-- 机构 -->
 				<div class="jg-box" style="display: none;">
@@ -171,7 +240,6 @@
 			</div>
 		</div>
 		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
-		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/indexb.js" type="text/javascript" charset="utf-8"></script>
 	</body>
 </html>