解决移动端适配问题

nngkxxdp/src/main/resources/static/zdjc/css/decisionmobile.css

@@ -17,17 +17,17 @@ body {
 }
 
 .process {
-    width: 60%;
-    height: 200px;
+    width: 80%;
+    height: 140px;
     background: url(../img/图层\ 6.png) no-repeat;
     background-size: 100% 100%;
     text-align: center;
-    margin: -173px auto 0px;
+    margin: -100px auto 0px;
 }
 
 .process .bf-pc {
     width: 100%;
-    font-size: 16px;
+    font-size: 14px;
     font-family: Source Han Sans SC;
     font-weight: bold;
     color: #B48D44;
@@ -51,64 +51,67 @@ body {
 }
 
 .process .ct {
-    width: 65px;
-    height: 64px;
+    /*width: 65px;*/
+    /*height: 64px;*/
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .process .ct .ct-tx {
     height: 24px;
-    font-size: 14px;
+    font-size: 12px;
     font-family: Source Han Sans SC;
     font-weight: 400;
     color: #62430E;
-    line-height: 48px;
+    /*line-height: 48px;*/
     text-align: center;
 }
 
 .pc-ct .arrow-1 {
-    width: 26px;
-    height: 20px;
+    width: 20px;
+    height: 16px;
     content: url(../img/形状\ 1.png);
-    margin-top: 22px;
+    margin-top: 10px;
 }
 
 .pc-ct .arrow-2 {
-    width: 26px;
-    height: 20px;
+    width: 20px;
+    height: 16px;
     content: url(../img/形状\ 1\ 拷贝.png);
-    margin-top: 22px;
+    margin-top: 10px;
 }
 
 
 .pc-ct .arrow-3 {
-    width: 26px;
-    height: 20px;
+    width: 20px;
+    height: 16px;
     content: url(../img/形状\ 1\ 拷贝\ 2.png);
-    margin-top: 22px;
+    margin-top: 10px;
 }
 
 
 .process .ct .ct-1 {
-    width: 65px;
-    height: 67px;
+    width: 32px;
+    height: 34px;
     content: url(../img/组\ 6.png);
 }
 
 .process .ct .ct-2 {
-    width: 65px;
-    height: 67px;
+    width: 32px;
+    height: 34px;
     content: url(../img/组\ 6_1.png);
 }
 
 .process .ct .ct-3 {
-    width: 65px;
-    height: 67px;
+    width: 32px;
+    height: 34px;
     content: url(../img/组\ 6_2.png);
 }
 
 .process .ct .ct-4 {
-    width: 65px;
-    height: 67px;
+    width: 32px;
+    height: 34px;
     content: url(../img/组\ 6_3.png);
 }
 

nngkxxdp/src/main/resources/static/zdjc/css/foot.css

@@ -72,36 +72,41 @@ a {
 	.foot {
 		min-width: 0px;
 	}
-	.three_pic>a:nth-child(1) {
-		width: 42px;
-		margin-right: 10px;
+	.three_pic>a:nth-child(1){
+		width: 30px;
+		margin-right: 2px;
 	}
-
-	.three_pic>a:nth-child(2) {
-		width: 32px;
-		height: 60px;
-		margin-right: 10px;
+	.three_pic>a:nth-child(1) img {
+		width: 30px;
 	}
-
-	.three_pic>span:nth-child(3) {
-		width: 106px;
-		height: 55px;
-		margin-right: 10px;
+	.three_pic>a:nth-child(2){
+		width: 20px;
+		margin-right:2px;
+	}
+	.three_pic>a:nth-child(2) img  {
+		width: 20px;
+	}
+	.three_pic>span:nth-child(3){
+		width: 94px;
+		margin-right: 2px;
+	}
+	.three_pic>span:nth-child(3) img  {
+		width: 84px;
 		cursor: pointer;
 	}
 	.f_list a,
 	.f_list span {
-		font-size: 13px;
+		font-size: 10px;
 	}
 
 	.f_list {
-		padding-top: 24px;
+		padding-top: 18px;
 	}
 	.f_text {
 		color: #fff;
-		font-size: 10px;
+		font-size: 8px;
 		line-height: normal;
-		width: 80%;
+		width: auto;
 	}
 }
 

nngkxxdp/src/main/resources/static/zdjc/decision.html

@@ -10,7 +10,7 @@
     <title>重庆市南岸区人民政府--重大行政决策公开</title>
     <style type="text/css">
         body{
-            min-width: 1280px;
+            min-width: 1100px;
         }
         /*chrome 和Safari*/
         body::-webkit-scrollbar {
@@ -79,7 +79,7 @@
         /*	cursor: pointer;*/
         /*}*/
         .yearChioce {
-            width: 1158px;
+            max-width: 1158px;
             margin: auto;
             height: 60px;
             position: relative;
@@ -120,13 +120,15 @@
         }
 
         .mainTable {
-            width: 1159px;
+            max-width: 1159px;
+            min-width: 1100px;
             margin: auto;
             margin-bottom: 50px;
         }
 
         .title {
-            width: 1159px;
+            max-width: 1159px;
+            min-width: 1100px;
             height: 75px;
             background: linear-gradient(90deg, #F9DDAB, #D4AB63);
             font-size: 28px;
@@ -217,7 +219,7 @@
                 <div class="num">2021</div>
                 <img class="diamond" src="img/lingxing.png"></img>
             </li>
-            <img class="line" src="img/line1.png" style="width: 1158px;height: 2px">
+            <img class="line" src="img/line1.png" style="max-width: 1158px;height: 2px">
         </ul>
 
         <div class="ly-first layui-hide mainTable">
@@ -303,7 +305,6 @@
         table.render({
             elem: '#tableData'
             ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2022'
-            , width: 1158
             , cols: [[ //标题栏
                 {type: 'numbers', title: '序号', width: 80,align:"center"}
                 , {field: 'postTitle', title: '决策事项', templet: opra,align:"center"}
@@ -321,7 +322,6 @@
         table.render({
             elem: '#tableData1'
             ,url: PATH + '/postManagement/queryAllImportmentByYear?year=2021'
-            , width: 1158
             , cols: [[ //标题栏
                 {type: 'numbers', title: '序号', width: 80,align:"center"}
                 , {field: 'postTitle', title: '决策事项', templet: opra,align:"center"}

nngkxxdp/src/main/resources/static/zdjc/decisionmobile.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=0.5">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="img/favicon.ico" rel="shortcut icon">
     <link rel="stylesheet" href="./layui/layui.css">
     <link rel="stylesheet" href="./css/decisionmobile.css">
@@ -30,14 +30,14 @@
         .search {
             display: flex;
             justify-content: center;
-            width: 50% !important;
+            width: 60% !important;
             margin: 0 auto;
             margin-bottom: 50px;
         }
 
         .search input {
-            width: 80vw;
-            height: 36px;
+            width: 80%;
+            height: 38px;
             border: 1px solid #F3D39B;
             padding-left: 10px;
         }
@@ -47,7 +47,7 @@
         }
 
         .search button {
-            width: 28%;
+            width: 20%;
             color: #fff;
             text-align: center;
             cursor: pointer;
@@ -84,7 +84,7 @@
         /*}*/
         .yearChioce {
             margin: auto;
-            height: 60px;
+            height: 40px;
             position: relative;
             display: flex;
             align-items: center;
@@ -95,14 +95,14 @@
             position: relative;
             display: flex;
             justify-content: center;
-            font-size: 28px;
+            font-size: 18px;
             font-family: Microsoft YaHei;
             color: #E3C285;
 
         }
 
         .active {
-            font-size: 32px;
+            font-size: 20px !important;
             font-weight: bold;
             font-style: italic;
             color: #B48D44 !important;
@@ -110,7 +110,7 @@
 
         .yearChioce .num {
             position: absolute;
-            top: -40px;
+            top: -30px;
             cursor: pointer;
         }
 
@@ -130,13 +130,13 @@
         }
 
         .title {
-            height: 75px;
+            height: 64px;
             background: linear-gradient(90deg, #F9DDAB, #D4AB63);
-            font-size: 28px;
+            font-size: 16px;
             font-family: Microsoft YaHei;
             font-weight: bold;
             color: #AA843D;
-            line-height: 72px;
+            line-height: 32px;
             text-align: center;
         }
 
@@ -146,11 +146,11 @@
 
         .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
             border-color: #EBE1D2;
-            font-size: 18px;
+            font-size: 12px;
         }
 
         .layui-table-view .layui-table td, .layui-table-view .layui-table th {
-            padding: 15px 0;
+            padding: 5px 0;
         }
 
         .layui-table, .layui-table-view {
@@ -173,19 +173,19 @@
         }
         .bg{
             width: 100%;
-            height: 500px;
+            height: 300px;
             background: url(img/图层-19@2x.jpg) no-repeat;
             background-size: 100% 100%;
         }
 
         .bg .b1{
-            font-size: 1rem;
+            font-size: 16px;
             font-family: Source Han Sans SC;
             font-weight: 400;
             color: #FEFEFE;
             margin: 0 auto;
             width: 80%;
-            padding-top: 1rem;
+            padding-top: 16px;
         }
         .b1 a {
             color: #FEFEFE;
@@ -206,8 +206,7 @@
             width: 80%;
             text-shadow: 1px 2px 8px #e4e4e4;
             justify-content: space-between;
-            margin: 5rem auto 0px;
-            /* margin-top: 11rem; */
+            margin: 20px auto 0px;
         }
         .top-b2-img {
             margin: 0 auto;
@@ -216,23 +215,23 @@
             align-items: center;
         }
         .top-img{
-            width: 75px;
-            height: 79px;
+            width: 38px;
+            height: 38px;
             content: url(img/logo-big.png);
 
         }
 
         .top-txt{
-            font-size: 3rem;
+            font-size: 20px;
             font-family: Source Han Sans SC;
             font-weight: bold;
             color: #FFFFFF;
-            margin-left: 15px;
+            margin-left: 5px;
         }
 
         .bg .b3{
             width: 80%;
-            font-size: 3.3rem;
+            font-size: 26px;
             font-family: Source Han Sans SC;
             font-weight: bold;
             color: #FFFFFF;
@@ -241,9 +240,6 @@
             margin: 0 auto;
             margin-top: 10px;
         }
-        .top-txt {
-            font-size: 2.5rem;
-        }
     </style>
 </head>
 <body>
@@ -414,11 +410,11 @@
             elem: '#tableData'
             , url: PATH + '/postManagement/queryAllImportmentByYear?year=2022'
             , cols: [[ //标题栏
-                {type: 'numbers', title: '序号', width: "5%", align: "center"}
-                , {field: 'postTitle', title: '决策事项',width: "54%", templet: opra, align: "center"}
-                , {field: 'deptName', title: '承办单位', width: "16%", align: "center"}
-                , {field: 'releaseTime', title: '决策时间', width: "13%", templet: timeFormat, align: "center"}
-                , {field: 'type', title: '决策状态', width: "13%", templet: typeFormat, align: "center"}
+                {type: 'numbers', title: '序号', width: "8%", align: "center"}
+                , {field: 'postTitle', title: '决策事项',width: "45%", templet: opra, align: "center"}
+                , {field: 'deptName', title: '承办单位', width: "20%", align: "center"}
+                , {field: 'releaseTime', title: '决策时间', width: "15%", templet: timeFormat, align: "center"}
+                , {field: 'type', title: '决策状态', width: "15%", templet: typeFormat, align: "center"}
             ]]
             //,skin: 'line' //表格风格
             , even: true
@@ -431,11 +427,11 @@
             elem: '#tableData1'
             , url: PATH + '/postManagement/queryAllImportmentByYear?year=2021'
             , cols: [[ //标题栏
-                {type: 'numbers', title: '序号', width: "5%", align: "center"}
-                , {field: 'postTitle', title: '决策事项', width: "54%",templet: opra, align: "center"}
-                , {field: 'deptName', title: '承办单位', width: "14%", align: "center"}
-                , {field: 'releaseTime', title: '决策时间', width: "12%", templet: timeFormat, align: "center"}
-                , {field: 'type', title: '决策状态', width: "12%", templet: typeFormat, align: "center"}
+                {type: 'numbers', title: '序号', width: "8%", align: "center"}
+                , {field: 'postTitle', title: '决策事项', width: "42%",templet: opra, align: "center"}
+                , {field: 'deptName', title: '承办单位', width: "20%", align: "center"}
+                , {field: 'releaseTime', title: '决策时间', width: "15%", templet: timeFormat, align: "center"}
+                , {field: 'type', title: '决策状态', width: "15%", templet: typeFormat, align: "center"}
             ]]
             //,skin: 'line' //表格风格
             , even: true