首页图标调整

src/views/leader/index.vue

@@ -122,17 +122,17 @@ const menu2 = ref([
       { name: '森林火灾', icon: 'forestFire', url: 'ForestFireWarn' },
       { name: '台风实况', icon: 'typhoon', url: 'TyphoonPath' },
       { name: '水库监测', icon: 'hydrology', url: 'ReservoirMonitor' },
-      { name: '河道监测', icon: 'hydrology', url: 'RiverMonitor' },
+      { name: '河道监测', icon: 'riverMonitor', url: 'RiverMonitor' }
     ]
   },
   {
     name: "应急事件场景专题",
     children: [
-      { name: "防风防汛", icon: "nature", url: "WindAndFloodPrevention" },
+      { name: "防风防汛", icon: "accident", url: "WindAndFloodPrevention" },
       { name: "地质灾害", icon: "nature", url: "GeologicalDisaster" },
-      { name: "森林防火", icon: "nature", url: "ForestFirePrevention" },
-      { name: "危化品事故", icon: "nature", url: "HazardousChemicals" },
-      { name: "非煤矿山", icon: "accident", url: "NonCoalMine" },
+      { name: "森林防火", icon: "forestFire2", url: "ForestFirePrevention" },
+      { name: "危化品事故", icon: "hazardousChemicals", url: "HazardousChemicals" },
+      { name: "非煤矿山", icon: "nonCoalMine", url: "NonCoalMine" },
       { name: "城市应急", icon: "city", url: "CityEmergencyEvent" }
     ]
   }
@@ -364,19 +364,21 @@ onUnmounted(() => {
   }
   .box {
     width: 100%;
-    min-height: 72px;
+    height: 152px;
     background: url("@/assets/images/index/boxBg.png") no-repeat;
     background-size: 100% 100%;
     margin-bottom: 12px;
+    display: flex;
     &:last-child {
       margin-bottom: 0;
     }
     .box-title {
       font-size: 12px;
       color: #3687fe;
-      padding: 0 10px;
+      padding: 3px 6px 0;
     }
     .box-content {
+      flex: 1;
       display: flex;
       flex-wrap: wrap;
       padding-top: 3px;

src/views/mobileControl/OnlinePlotting/index.vue

@@ -103,11 +103,11 @@ const menu = ref([
           //   value: 'straightArrow',
           //   image: getImageUrl('straightArrow')
           // },
-          {
-            name: '矩形',
-            value: 'rectangle',
-            image: getImageUrl('rectangle')
-          },
+          // {
+          //   name: '矩形',
+          //   value: 'rectangle',
+          //   image: getImageUrl('rectangle')
+          // },
           {
             name: '任意面',
             value: 'polygon',
@@ -118,11 +118,11 @@ const menu = ref([
           //   value: 'anyLine',
           //   image: getImageUrl('anyLine')
           // },
-          {
-            name: '圆',
-            value: 'circle',
-            image: getImageUrl('circle')
-          },
+          // {
+          //   name: '圆',
+          //   value: 'circle',
+          //   image: getImageUrl('circle')
+          // },
           {
             name: '直线',
             value: 'straightLine',
@@ -133,11 +133,11 @@ const menu = ref([
             value: 'text',
             image: getImageUrl('text')
           },
-          {
-            name: '面积',
-            value: 'measureArea',
-            image: getImageUrl('measureArea')
-          }
+          // {
+          //   name: '面积',
+          //   value: 'measureArea',
+          //   image: getImageUrl('measureArea')
+          // }
         ]
       },
       {

src/views/worker/index.vue

@@ -150,17 +150,17 @@ const menu2 = ref([
       { name: '森林火灾', icon: 'forestFire', url: 'ForestFireWarn' },
       { name: '台风实况', icon: 'typhoon', url: 'TyphoonPath' },
       { name: '水库监测', icon: 'hydrology', url: 'ReservoirMonitor' },
-      { name: '河道监测', icon: 'hydrology', url: 'RiverMonitor' },
+      { name: '河道监测', icon: 'riverMonitor', url: 'RiverMonitor' }
     ]
   },
   {
     name: "应急事件场景专题",
     children: [
-      { name: "防风防汛", icon: "nature", url: "WindAndFloodPrevention" },
+      { name: "防风防汛", icon: "accident", url: "WindAndFloodPrevention" },
       { name: "地质灾害", icon: "nature", url: "GeologicalDisaster" },
-      { name: "森林防火", icon: "nature", url: "ForestFirePrevention" },
-      { name: "危化品事故", icon: "nature", url: "HazardousChemicals" },
-      { name: "非煤矿山", icon: "accident", url: "NonCoalMine" },
+      { name: "森林防火", icon: "forestFire2", url: "ForestFirePrevention" },
+      { name: "危化品事故", icon: "hazardousChemicals", url: "HazardousChemicals" },
+      { name: "非煤矿山", icon: "nonCoalMine", url: "NonCoalMine" },
       { name: "城市应急", icon: "city", url: "CityEmergencyEvent" }
     ]
   }
@@ -390,19 +390,22 @@ onMounted(() => {
   }
   .box {
     width: 100%;
-    min-height: 72px;
+    height: 152px;
     background: url("@/assets/images/index/boxBg.png") no-repeat;
     background-size: 100% 100%;
     margin-bottom: 12px;
+    display: flex;
+    flex-direction: column;
     &:last-child {
       margin-bottom: 0;
     }
     .box-title {
       font-size: 12px;
       color: #3687fe;
-      padding: 0 10px;
+      padding: 3px 6px 0;
     }
     .box-content {
+      flex: 1;
       display: flex;
       flex-wrap: wrap;
       padding-top: 3px;
@@ -485,7 +488,7 @@ onMounted(() => {
   padding: 5px;
   transform: skewX(-20deg); /* 斜切变形 */
   .notice-label {
-    
+
     font-size: 14px;
     transform: skewX(20deg);
   }