菜单样式调整

acupuncture-前台/src/assets/styles/sidebar.scss

@@ -94,6 +94,12 @@
       &:hover {
         background-color: rgba(0, 0, 0, 0.2) !important;
         color: #fff !important;
+        .div-img {
+          display: block;
+        }
+        .div-img-gl {
+          display: none;
+        }
       }
     }
 

acupuncture-前台/src/assets/styles/variables.scss

@@ -18,8 +18,8 @@ $base-menu-light-color: rgba(0, 0, 0, 0.7);
 $base-menu-light-background: #ffffff;
 $base-logo-light-title-color: #001529;
 
-$base-sub-menu-background: #1f2d3d;
-$base-sub-menu-hover: #001528;
+$base-sub-menu-background: #70483e;
+$base-sub-menu-hover: rgba(0, 0, 0, 0.2);
 
 // 自定义暗色菜单风格
 /**

acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue

@@ -15,10 +15,12 @@
           :index="resolvePath(onlyOneChild.path)"
           :class="{ 'submenu-title-noDropdown': !isNest }"
         >
-          {{ sideTheme }}
-          <div v-if="onlyOneChild.meta.icon">
+          <div v-if="itmeIcon[onlyOneChild.meta.title]" class="div-img">
             <img :src="itmeIcon[onlyOneChild.meta.title]" alt="" />
           </div>
+          <div v-if="itmeIcon[onlyOneChild.meta.title]" class="div-img-gl">
+            <img :src="itmeIcon1[onlyOneChild.meta.title]" alt="" />
+          </div>
           <item
             :icon="onlyOneChild.meta.icon || (item.meta && item.meta.icon)"
             :title="onlyOneChild.meta.title"
@@ -140,3 +142,8 @@ export default {
   },
 };
 </script>
+<style scoped>
+.div-img-gl {
+  display: none;
+}
+</style>

acupuncture-前台/src/layout/components/Sidebar/index.vue

@@ -75,4 +75,10 @@ export default {
 >>> .is-active {
   background-color: #fff !important;
 }
+>>> .is-active .div-img {
+  display: none;
+}
+>>> .is-active .div-img-gl {
+  display: block;
+}
 </style>