修改样式

src/layout/index.vue

@@ -36,27 +36,29 @@
           </el-col>
         </el-row>
       </div>
-      <el-col :span="24" class="top_3">
-        <el-menu :default-active="current" mode="horizontal" @select="selectMenu">
-          <template v-for="item in data" :key="item._id">
-            <template v-if="item.type === '0'">
-              <el-sub-menu :index="item._id" :class="[current == item.href ? 'current' : '']">
-                <template #title>
-                  <span @click="selectMenu(item.href)">{{ item.title }}</span>
-                </template>
-                <el-menu-item v-for="tag in item.children" :key="tag._id" :index="tag.href">
-                  <template v-slot:default>
-                    {{ tag.title }}
+      <div class="w_1200">
+        <el-col :span="24" class="top_3">
+          <el-menu :default-active="current" mode="horizontal" @select="selectMenu">
+            <template v-for="item in data" :key="item._id">
+              <template v-if="item.type === '0'">
+                <el-sub-menu :index="item._id" :class="[current == item.href ? 'current' : '']">
+                  <template #title>
+                    <span @click="selectMenu(item.href)">{{ item.title }}</span>
                   </template>
-                </el-menu-item>
-              </el-sub-menu>
-            </template>
-            <template v-else-if="item.type === '1'">
-              <el-menu-item :index="item.href"> {{ item.title }}</el-menu-item>
+                  <el-menu-item v-for="tag in item.children" :key="tag._id" :index="tag.href">
+                    <template v-slot:default>
+                      {{ tag.title }}
+                    </template>
+                  </el-menu-item>
+                </el-sub-menu>
+              </template>
+              <template v-else-if="item.type === '1'">
+                <el-menu-item :index="item.href"> {{ item.title }}</el-menu-item>
+              </template>
             </template>
-          </template>
-        </el-menu>
-      </el-col>
+          </el-menu>
+        </el-col>
+      </div>
     </div>
     <div class="center">
       <el-col :span="24" class="container">
@@ -211,6 +213,7 @@ provide('selectMenu', selectMenu)
     .top_1 {
       display: flex;
       align-items: center;
+      margin: 10px 0 0 0;
 
       .image {
         height: 40px;
@@ -259,7 +262,7 @@ provide('selectMenu', selectMenu)
       }
     }
     .top_3 {
-      margin: 5px 0 0 160px;
+      margin: 5px 0 0 0;
     }
   }
   .center {

src/views/main/elevenHatch/index.vue

@@ -232,7 +232,7 @@ onBeforeUnmount(() => {
       }
       .image {
         width: 100%;
-        height: 135px;
+        height: 185px;
       }
       .wraptit span {
         display: inline-block;

src/views/main/elevenHatch/path/echarts1.vue

@@ -3,7 +3,7 @@
 </template>
 <style scoped lang="scss">
 .echarts1 {
-  height: 150px;
+  height: 250px;
   width: 100%;
 }
 </style>

src/views/main/elevenHatch/path/echarts2.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts2" class="echarts2" style="height: 160px; width: 100%"></div>
+    <div ref="echarts2" class="echarts2" style="height: 260px; width: 100%"></div>
   </div>
 </template>
 <style scoped></style>

src/views/main/elevenHatch/path/echarts3.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts3" class="echarts3" style="height: 140px; width: 100%"></div>
+    <div ref="echarts3" class="echarts3" style="height: 240px; width: 100%"></div>
   </div>
 </template>
 <style scoped lang="scss"></style>

src/views/main/elevenHatch/path/echarts4.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts4" class="echarts4" style="height: 150px; width: 100%"></div>
+    <div ref="echarts4" class="echarts4" style="height: 250px; width: 100%"></div>
   </div>
 </template>
 <style scoped></style>

src/views/main/elevenHatch/path/echarts5.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts5" class="echarts5" style="height: 100px; width: 100%"></div>
+    <div ref="echarts5" class="echarts5" style="height: 200px; width: 100%"></div>
   </div>
 </template>
 <style scoped></style>

src/views/main/elevenHatch/path/echarts6.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts6" class="echarts6" style="height: 100px; width: 100%"></div>
+    <div ref="echarts6" class="echarts6" style="height: 200px; width: 100%"></div>
   </div>
 </template>
 <style scoped></style>

src/views/main/elevenHatch/path/echarts7.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts7" class="echarts7" style="height: 100px; width: 100%"></div>
+    <div ref="echarts7" class="echarts7" style="height: 200px; width: 100%"></div>
   </div>
 </template>
 <style scoped></style>

src/views/main/twelveHatch/index.vue

@@ -26,7 +26,7 @@
                 <div class="center_1">
                   <div class="box">
                     <div class="tit">各类用户人数</div>
-                    <div class="boxnav" style="height: 240px">
+                    <div class="boxnav" style="height: 340px">
                       <div class="yqlist">
                         <ul class="clearfix">
                           <li>
@@ -386,8 +386,9 @@ onBeforeUnmount(() => {
   .yqlist li {
     float: left;
     width: 50%;
-    padding: 7px 0;
+    padding: 10px 0;
     text-align: center;
+    margin: 20px 0 0 0;
   }
   .yq {
     width: 80px;

src/views/main/twelveHatch/path/echarts1.vue

@@ -3,7 +3,7 @@
 </template>
 <style scoped lang="scss">
 .echarts1 {
-  height: 290px;
+  height: 390px;
   width: 100%;
 }
 </style>

src/views/main/twelveHatch/path/echarts2.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts2" class="echarts2" style="height: 620px; width: 100%"></div>
+    <div ref="echarts2" class="echarts2" style="height: 720px; width: 100%"></div>
   </div>
 </template>
 <style scoped></style>

src/views/main/twelveHatch/path/echarts3.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts3" class="echarts3" style="height: 260px; width: 100%"></div>
+    <div ref="echarts3" class="echarts3" style="height: 360px; width: 100%"></div>
   </div>
 </template>
 <style scoped lang="scss"></style>

src/views/main/twelveHatch/path/echarts4.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="echarts4" class="echarts4" style="height: 270px; width: 100%"></div>
+    <div ref="echarts4" class="echarts4" style="height: 370px; width: 100%"></div>
   </div>
 </template>
 <style scoped></style>

src/views/main/twelveHatch/path/map.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div ref="chinaMap" class="chinaMap" style="height: 622px; width: 100%"></div>
+    <div ref="chinaMap" class="chinaMap" style="height: 822px; width: 100%"></div>
   </div>
 </template>
 <style scoped>