更改样式

nngkxxdp/src/main/resources/static/district/css/district_mobile.css

@@ -115,15 +115,12 @@ a {
 }
 /* 箭头收起 */
 .arrows{
-	position: absolute;
-    right: 8%;
-    top: 9%;
     font-size: 27px;
+	float: right;
+	margin-right: 30px;
 }
 .arrowss{
-	position: absolute;
-    left: 1%;
-    top: 1%;
+	margin-left: -6%;
     font-size: 27px;
 }
 
@@ -169,6 +166,7 @@ a {
 .top-title {
 	height: 73px !important;
 	margin-top: 17px !important;
+	width: 100% !important;
 }
 
 .top-title>li {
@@ -707,26 +705,34 @@ a {
 	font-size: 40px;
 	font-weight: 400;
 	color: #2775CC;
+	width: 80%;
+}
+
+.back-btn {
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 40px;
+	cursor: pointer;
+	padding: 0 6px;
 }
 
 .btn-back {
-	width: 96px;
-    height: 56px;
-    background-color: #FFF;
-    border: 1px solid #CCCCCC;
-    outline: none;
-    font-size: 33px;
-    cursor: pointer;
+	background-color: #FFF;
+	border: 1px solid #CCCCCC;
+	outline: none;
+	font-size: 40px;
+	cursor: pointer;
+	padding: 0 6px;
 }
 
 .backBtn {
-	width: 64px;
-	height: 30px;
 	background-color: #FFF;
 	border: 1px solid #CCCCCC;
 	outline: none;
-	font-size: 14px;
+	font-size: 40px;
 	cursor: pointer;
+	padding: 0 6px;
 }
 
 .content-second {
@@ -745,12 +751,14 @@ a {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
+	font-size: 27px;
 }
 
 #end {
 	text-overflow: ellipsis;
 	overflow: hidden;
 	white-space: nowrap;
+	font-size: 27px;
 }
 
 #start2 {
@@ -767,12 +775,13 @@ a {
 
 .search-result div div ol li div div:nth-child(2) b {
 	font-size: 35px !important;
-	margin-top: 2px !important;
 }
 
 .search-result div div ol li div div:nth-child(3) b {
 	font-size: 35px !important;
-	margin-top: 2px !important;
+}
+.search-result div div ol li div div:nth-child(2) span {
+	font-size: 35px !important;
 }
 .content-second>img {
 	width: 40px;
@@ -801,27 +810,33 @@ a {
 	font-size: 25px;
 }
 .layui-tab-content>div>h1{
-	font-size: 23px !important;
+	font-size: 27px !important;
 }
 .content-title>.layui-this:after {
 	border: none;
 }
-.trans-title>p{
-	font-size: 20px !important;
+tr>td {
+    font-size: 18px;
 }
-.trans_plan_desc{
-    font-size: 23px;
+tr>td div div p {
+    font-size: 18px !important;
 }
-.navtrans-navlist-icon ~ div{
+/* .trans-title>p{
+	font-size: 18px !important;
+} */
+/* .trans_plan_desc{
+    font-size: 23px;
+} */
+/* .navtrans-navlist-icon ~ div{
 	line-height: 24px !important;
     font-size: 21px;
-}
+} */
 /* .content-title>.layui-tab-title>.layui-this {
 	background-color: #E9F3FF !important;
 	color: #2775CC !important;
 } */
 .layui-tab-title >li{
-	font-size: 25px;
+	font-size: 27px !important;
 }
 .navtrans-view{
 	height: 87px !important;
@@ -841,10 +856,11 @@ a {
 .content-title>.layui-this {
 	background-color: #E9F3FF !important;
 	color: #2775CC !important;
+	font-size: 27px !important;
 }
-.navtrans-bus-desc{
+/* .navtrans-bus-desc{
 	line-height: 36px !important;
-}
+} */
 .line {
 	width: 100%;
 	margin: 0 0 20px 0;
@@ -937,16 +953,6 @@ a {
 	color: #2775CC !important;
 }
 
-.back-btn {
-	width: 77px;
-    height: 48px;
-    background-color: #FFF;
-    border: 1px solid #CCCCCC;
-    outline: none;
-    font-size: 29px;
-    cursor: pointer;
-}
-
 .right-map {
 	width: 100%;
 	height: calc(100vh - 107px);

nngkxxdp/src/main/resources/static/district/css/sy_mobile.css

@@ -640,13 +640,12 @@ tr>td div div  p{
 }
 
 .btn-back {
-	width: 64px;
-	height: 30px;
 	background-color: #FFF;
 	border: 1px solid #CCCCCC;
 	outline: none;
-	font-size: 14px;
+	font-size: 40px;
 	cursor: pointer;
+	padding: 0 6px;
 }
 
 .backBtn {
@@ -876,4 +875,14 @@ tr>td div div  p{
 /* 更新百度渲染的样式 */
 #result div h1 {
 	font-size: 27px !important;
+}
+
+.layui-tab-content>div>h1 {
+    font-size: 27px !important;
+}
+
+.navtrans-view>span {
+    font-size: 20px;
+    height: 42px;
+    line-height: 42px;
 }

nngkxxdp/src/main/resources/static/district/district_mobile.html

@@ -71,8 +71,8 @@
                         <img src="img/sycs2.png">
                         查阅场所
                     </li>
+                    <div class="layui-icon layui-icon-up arrows"></div>
                 </ul>
-                <div class="layui-icon layui-icon-up arrows"></div>
                 <div class="layui-tab-content">
                     <div class="layui-tab-item layui-show">
                         <div class="layui-tab">
@@ -151,10 +151,10 @@
             <!-- 点击公交搜索出现的路径选择 -->
             <div class="show-second">
                 <div class="title-second">
+                    <div class="layui-icon layui-icon-down arrowss"></div>
                     <h6>搜索</h6>
                     <button type="button" class="btn-back">返回</button>
                 </div>
-                <div class="layui-icon layui-icon-down arrowss"></div>
                 <div class="content-second">
                     <div id="start"></div>
                     <img src="img/right-grey.png">
@@ -173,10 +173,10 @@
             <!-- 点击自驾搜索出现的路径选择 -->
             <div class="show-third">
                 <div class="title-second">
+                    <div class="layui-icon layui-icon-down arrowss"></div>
                     <h6>搜索</h6>
                     <button type="button" class="back-btn">返回</button>
                 </div>
-                <div class="layui-icon layui-icon-down arrowss"></div>
                 <div class="content-second">
                     <div id="start2"></div>
                     <img src="img/right-grey.png">
@@ -194,10 +194,10 @@
             <!-- 点击搜索出现的页面 -->
             <div class="show-fourth">
                 <div class="title-second">
+                    <div class="layui-icon layui-icon-down arrowss"></div>
                     <h6>搜索</h6>
                     <button type="button" class="backBtn">返回</button>
                 </div>
-                <div class="layui-icon layui-icon-down arrowss"></div>
                 <div class="search-result" id="search-result">
                     <div class="textSecond"></div>
                     <div class="textFourth"></div>
@@ -207,15 +207,13 @@
     </div>
     <div class="right-map" id="right-map"></div>
     </div>
-
-    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=nSxiPohfziUaCuONe4ViUP2N"></script>
+    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=4L6UzXBVZxG1jWopGBxRdq5kdW3L36Du"></script>
     <script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js">
     </script>
     <script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">
     </script>
     <script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js">
     </script>
-    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nSxiPohfziUaCuONe4ViUP2N"></script>
     <script type="text/javascript" src="./layui/layui.js"></script>
     <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
     <script type="text/javascript" src="./js/district_mobile.js"></script>

nngkxxdp/src/main/resources/static/district/js/district.js

@@ -2,10 +2,10 @@ layui.use('element', function() {
 	var element = layui.element;
 	layer = layui.layer;
 });
-// var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
-// if (is_mobi) {
-//     window.location.href = "district_mobile.html";
-// }
+var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
+if (is_mobi) {
+    window.location.href = "district_mobile.html";
+}
 // if (screen.availWidth <= 750) {
 //     $('.logo-img').attr('src', '/img/map-logo2.png');
 // 	$('.logo-img').css("width", "257px");

nngkxxdp/src/main/resources/static/district/js/district_mobile.js

@@ -2,10 +2,10 @@ layui.use('element', function() {
 	var element = layui.element;
 	layer = layui.layer;
 });
-// var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
-// if (!is_mobi) {
-//     window.location.href = "district.html";
-// }
+var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
+if (!is_mobi) {
+    window.location.href = "district.html";
+}
 // if (screen.availWidth <= 750) {
 //     $('.logo-img').attr('src', '/img/map-logo2.png');
 // 	$('.logo-img').css("width", "257px");
@@ -33,11 +33,9 @@ $(function() {
 		if(height=='355'){
 			$(".left-map").height(70+'%');
 			$(this).removeClass("layui-icon-up").addClass("layui-icon-down");
-			$(this).css("top","3%")
 		}else {
 			$(".left-map").height(355)
 			$(this).removeClass("layui-icon-down").addClass("layui-icon-up");	
-			$(this).css("top","9%")	
 		};
 	});
 	$(".arrowss").click(function(){
@@ -45,11 +43,9 @@ $(function() {
 		if(height=='355'){
 			$(".left-map").height(70+'%');
 			$(this).removeClass("layui-icon-up").addClass("layui-icon-down");
-			$(this).css("top","3%")
 		}else {
 			$(".left-map").height(355)
 			$(this).removeClass("layui-icon-down").addClass("layui-icon-up");	
-			$(this).css("top","9%")	
 		};
 	});
 	
@@ -1012,12 +1008,13 @@ $(function() {
 	$(".search-change>li").click(function() {
 		map.clearOverlays();
 		const liText = $(this).text();
-		var routePolicy = [
-			BMAP_TRANSIT_POLICY_RECOMMEND,
-			BMAP_TRANSIT_POLICY_LEAST_WALKING,
-			BMAP_TRANSIT_POLICY_LEAST_TRANSFER,
-			BMAP_TRANSIT_POLICY_LEAST_TIME
-		];
+		// var routePolicy = [
+		// 	BMAP_TRANSIT_POLICY_RECOMMEND,
+		// 	BMAP_TRANSIT_POLICY_LEAST_WALKING,
+		// 	BMAP_TRANSIT_POLICY_LEAST_TRANSFER,
+		// 	BMAP_TRANSIT_POLICY_LEAST_TIME
+		// ];
+		var routePolicy = [BMAP_TRANSIT_POLICY_LEAST_TIME,BMAP_TRANSIT_POLICY_LEAST_TRANSFER,BMAP_TRANSIT_POLICY_LEAST_WALKING,BMAP_TRANSIT_POLICY_AVOID_SUBWAYS];
 		var drivingRoutePolicy = [BMAP_DRIVING_POLICY_LEAST_TIME,
 			BMAP_DRIVING_POLICY_LEAST_DISTANCE,
 			BMAP_DRIVING_POLICY_AVOID_HIGHWAYS
@@ -1297,17 +1294,18 @@ $(function() {
 	$(document).on('click', '.change-but>input', function() {
 		map.clearOverlays();
 		const inpVal = $(this).val();
-		var routePolicy = [
-			// BMAP_TRANSIT_POLICY_RECOMMEND,//推荐
-			// BMAP_TRANSIT_POLICY_LEAST_TRANSFER,//少换成
-			// BMAP_TRANSIT_POLICY_LEAST_WALKING,//少步行
-			// BMAP_TRANSIT_POLICY_LEAST_TIME,//时间最短
-			BMAP_TRANSIT_POLICY_RECOMMEND,
-			BMAP_TRANSIT_POLICY_LEAST_TRANSFER,
-			BMAP_TRANSIT_POLICY_LEAST_TIME,
+		// var routePolicy = [
+		// 	// BMAP_TRANSIT_POLICY_RECOMMEND,//推荐
+		// 	// BMAP_TRANSIT_POLICY_LEAST_TRANSFER,//少换成
+		// 	// BMAP_TRANSIT_POLICY_LEAST_WALKING,//少步行
+		// 	// BMAP_TRANSIT_POLICY_LEAST_TIME,//时间最短
+		// 	BMAP_TRANSIT_POLICY_RECOMMEND,
+		// 	BMAP_TRANSIT_POLICY_LEAST_TRANSFER,
+		// 	BMAP_TRANSIT_POLICY_LEAST_TIME,
 
-			BMAP_TRANSIT_POLICY_LEAST_WALKING,
-		];
+		// 	BMAP_TRANSIT_POLICY_LEAST_WALKING,
+		// ];
+		var routePolicy = [BMAP_TRANSIT_POLICY_LEAST_TIME,BMAP_TRANSIT_POLICY_LEAST_TRANSFER,BMAP_TRANSIT_POLICY_LEAST_WALKING,BMAP_TRANSIT_POLICY_AVOID_SUBWAYS];
 		var drivingRoutePolicy = [
 			BMAP_DRIVING_POLICY_LEAST_TIME,
 			BMAP_DRIVING_POLICY_LEAST_DISTANCE,