up

web/src/App.vue

@@ -7,7 +7,7 @@
 #app{
   width: 100vw;
   height: 100vh;
-  min-width: 1800px;
+  min-width: 1400px;
   min-height: 900px;
 }
 </style>

web/src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from 'axios'
 const service = axios.create({
   // baseURL: 'http://192.168.0.135:8016', // 本地调试
-  baseURL: 'http://project.4dage.com:8016', // 线上调试
-  // baseURL: '', // build
+  // baseURL: 'http://project.4dage.com:8016', // 线上调试
+  baseURL: '', // build
   timeout: 5000
 })
 // 请求拦截器

web/src/views/Home.vue

@@ -130,46 +130,38 @@ export default {
           id: 1000,
           name: "蓬江区",
           son: [
-            { id: 2, name: "良溪村" },
             { id: 3, name: "卢边村" },
+            { id: 2, name: "良溪村" },
           ],
         },
         {
-          id: 2000,
-          name: "江海区",
-          son: [{ id: 1, name: "东宁村" }],
-        },
-        {
-          id: 3000,
-          name: "新会区",
-          son: [
-            { id: 4, name: "田心村" },
-            { id: 5, name: "仓前村" },
-          ],
-        },
-        {
-          id: 4000,
-          name: "鹤山市",
-          son: [{ id: 6, name: "霄南村" }],
-        },
-        {
           id: 5000,
           name: "开平市",
           son: [
-            { id: 8, name: "自力村" },
+            { id: 5, name: "仓前村" },
             { id: 9, name: "马降龙村" },
+            { id: 8, name: "自力村" },
           ],
         },
         {
           id: 6000,
           name: "台山市",
           son: [
+            { id: 1, name: "东宁村" },
             { id: 10, name: "浮石村" },
             { id: 11, name: "浮月村" },
             { id: 12, name: "横江村" },
           ],
         },
         {
+          id: 4000,
+          name: "鹤山市",
+          son: [
+            { id: 4, name: "田心村" },
+            { id: 6, name: "霄南村" },
+          ],
+        },
+        {
           id: 7000,
           name: "恩平市",
           son: [{ id: 7, name: "歇马村" }],

web/src/views/info/index.vue

@@ -281,7 +281,7 @@ export default {
   .top {
     font-family: "思源宋体";
     z-index: 1999;
-    min-width: 1800px;
+    min-width: 1400px;
     padding: 0 0px 0 120px;
     color: #fff;
     position: absolute;
@@ -402,4 +402,17 @@ export default {
     display: none;
   }
 }
+@media screen and (max-width: 1750px) {
+  .info .top .rightTab {
+    padding-left: 180px;
+  }
+}
+@media screen and (max-width: 1550px) {
+  .info .top {
+    padding-left: 50px;
+    .rightTab {
+      padding-left: 80px;
+    }
+  }
+}
 </style>