样式优化，并添加icon图片

src/components/common/TopCard.vue

@@ -18,24 +18,24 @@ export default {
   data() {
     return {
       dataList: [
-        { name: "TOP1", title: "基本农田、耕地等被违规占用、改变用途或闲置抛荒", value: 36 },
-        { name: "TOP2", title: "发现问题整改不到位，存在长期不整改不处理的现象", value: 30 },
-        { name: "TOP3", title: "建设用地减量化复垦地块后续管养不到位", value: 25 },
+        { name: "TOP1", title: "基本农田、耕地等被违规占用、改变用途或闲置抛荒", value: 99 },
+        { name: "TOP2", title: "发现问题整改不到位，存在长期不整改不处理的现象", value: 88 },
+        { name: "TOP3", title: "建设用地减量化复垦地块后续管养不到位", value: 77 },
         {
           name: "TOP4",
           title: "河道被截断或填埋，河道周边存在不规范养殖，河岸被违章搭建等",
-          value: 22
+          value: 66
         },
-        { name: "TOP5", title: "已完成的美丽庭院、村庄改造项目长效管理不到位", value: 19 },
-        { name: "TOP6", title: "基本农田、耕地等被违规占用、改变用途或闲置抛荒", value: 36 },
-        { name: "TOP7", title: "发现问题整改不到位，存在长期不整改不处理的现象", value: 30 },
-        { name: "TOP8", title: "建设用地减量化复垦地块后续管养不到位", value: 25 },
+        { name: "TOP5", title: "已完成的美丽庭院、村庄改造项目长效管理不到位", value: 55 },
+        { name: "TOP6", title: "基本农田、耕地等被违规占用、改变用途或闲置抛荒", value: 44 },
+        { name: "TOP7", title: "发现问题整改不到位，存在长期不整改不处理的现象", value: 33 },
+        { name: "TOP8", title: "建设用地减量化复垦地块后续管养不到位", value: 22 },
         {
           name: "TOP9",
           title: "河道被截断或填埋，河道周边存在不规范养殖，河岸被违章搭建等",
-          value: 22
+          value: 11
         },
-        { name: "TOP10", title: "已完成的美丽庭院、村庄改造项目长效管理不到位", value: 19 }
+        { name: "TOP10", title: "已完成的美丽庭院、村庄改造项目长效管理不到位", value: 1 }
       ]
     };
   },

src/components/layout/MenuCard.vue

@@ -256,6 +256,11 @@ export default {
       }
     }
   }
+  &:hover {
+    .menuMainBox_main_image_box {
+      background-size: 110% 220px;
+    }
+  }
 }
 // 选中后的样式
 .menuMainBoxA {
@@ -392,6 +397,11 @@ export default {
       }
     }
   }
+  &:hover {
+    .menuMainBox_main_image_box {
+      background-size: 110% 220px;
+    }
+  }
 }
 // 公共样式
 .menuMainBox_topBottom {
@@ -483,14 +493,12 @@ export default {
   margin: 0;
   width: 100%;
   height: calc(100% - 30px);
-  background-image: --webkit-linear-gradient(to top, @topTitleMinLeft, @topTitleBgLeft);
-  background-image: --moz-linear-gradient(to top, @topTitleMinLeft, @topTitleBgLeft);
-  background-image: linear-gradient(to top, @topTitleMinLeft, @topTitleBgLeft);
   &_box {
     width: 100%;
     height: 200px;
     background-size: 100% 200px;
     background-repeat: no-repeat;
+    transition: all 0.3s;
   }
 }
 </style>

src/components/map/MapHolder.vue

@@ -30,7 +30,8 @@ export default {
       var guid = publicFun.buildGuid("baseLayer");
       var layer = L.esri
         .tiledMapLayer({
-          url:
+          url: 
+          // "http://aimap.pudong.sh:5236/maps/rest/services/basemap-shanghai-gem-blue-sh2000/mapserver/"
             systemConfig.mapService +
             "?servertype=Street_Purplish_Blue&token=" +
             systemConfig.token,

src/views/HomeView.vue

@@ -111,6 +111,11 @@
       <MenuCard :menuData="menus.left[5]"> </MenuCard>
       <MenuCard :menuData="menus.left[6]"> </MenuCard>
     </div>
+    <!-- 底部菜单 2 -- 疑点筛查 -->
+    <div id="bottomMenus" v-if="$ifMenu('2', '')">
+      <div>我是底部菜单svg</div>
+      <div>我是底部菜单</div>
+    </div>
     <!-- 中部菜单列 -->
     <div id="mainMenus" v-if="$ifMenu('1', '')">
       <div id="mainMenus_topLeft">所属街道</div>
@@ -748,6 +753,30 @@ export default {
     display: none; /* Chrome Safari */
   }
 }
+// 底部菜单
+#bottomMenus {
+  position: absolute;
+  display: flex;
+  flex-direction: column-reverse;
+  align-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  // svg
+  &>div:nth-child(1){
+    width: 981px;
+    height: 60px;
+    z-index: 99999;
+  }
+  // menusBox
+  &>div:nth-child(2){
+    width: 981px;
+    height: 200px;
+    background-color: rgba(0,47,86,0.6);
+    z-index: 99999;
+    border: 1px solid #00aaff;
+  }
+}
 #mainMenus {
   position: absolute;
   left: 430px;