更新 样式

src/layout/Aside.vue

@@ -1,7 +1,7 @@
 <template>
   <el-menu
     :default-active="store.state.currentMenuItem"
-    style="width: 220px; height: 100%"
+    style="width: 160px; height: 100%; overflow: hidden"
     background-color="#141B29"
     text-color="#fff"
     active-text-color="#ffd04b"
@@ -19,6 +19,7 @@
         :index="son.path"
         :key="son"
         @click="changeIndex(son.path)"
+        style="width: 160px"
       >
         {{ son.name }}
       </el-menu-item>
@@ -90,4 +91,9 @@ let menu = [
   height: 20px;
   margin-right: 10px;
 }
+
+:deep().el-menu-item {
+  min-width: 158px !important;
+  overflow: hidden;
+}
 </style>

src/layout/Layout.vue

@@ -38,11 +38,10 @@ const route = useRoute();
 .first-title {
   position: absolute;
   top: 60px;
-  left: 220px;
-
+  left: 160px;
   height: 52px;
   line-height: 52px;
-  width: calc(100% - 220px);
+  width: calc(100% - 160px);
   box-sizing: border-box;
   background: #fff;
   font-size: 18px;
@@ -57,7 +56,7 @@ const route = useRoute();
   background: #fff;
   top: 132px;
   right: 0;
-  left: 220px;
+  left: 160px;
   bottom: 0;
   overflow-y: auto;
   margin-left: 20px;
@@ -79,7 +78,7 @@ const route = useRoute();
 }
 
 .index {
-  left: 220px;
+  left: 160px;
   top: 60px;
   margin: 0;
   padding-left: 0;

src/views/index/Index.vue

@@ -401,7 +401,7 @@ onMounted(() => {
 </script>
 <style scoped>
 .map-container {
-  width: calc(100vw - 487px);
+  width: calc(100vw - 427px);
   height: calc(100vh - 60px);
 }