菜单样式完善

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

@@ -18,7 +18,7 @@ $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: #70483e;
+$base-sub-menu-background: #5a332a;
 $base-sub-menu-hover: rgba(0, 0, 0, 0.2);
 
 // 自定义暗色菜单风格

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

@@ -36,11 +36,19 @@
       popper-append-to-body
     >
       <template slot="title">
-        <item
+        <div class="header">
-          v-if="item.meta"
+          <div v-if="itmeIcon[item.meta.title]" class="div-img">
-          :icon="item.meta && item.meta.icon"
+            <img :src="itmeIcon[item.meta.title]" alt="" />
-          :title="item.meta.title"
+          </div>
-        />
+          <div v-if="itmeIcon1[item.meta.title]" class="div-img-gl">
+            <img :src="itmeIcon1[item.meta.title]" alt="" />
+          </div>
+          <item
+            v-if="item.meta"
+            :icon="item.meta && item.meta.icon"
+            :title="item.meta.title"
+          />
+        </div>
       </template>
       <sidebar-item
         v-for="(child, index) in item.children"
@@ -157,4 +165,40 @@ export default {
 #app .sidebar-container .nest-menu .is-active:hover {
   color: #fff !important;
 }
+>>> .el-submenu__title {
+  padding: 0 !important;
+  height: 90px !important;
+  line-height: 26px !important;
+}
+>>> .el-submenu.is-active .el-submenu__title .header {
+  background-color: #fff !important;
+}
+>>> .el-submenu .el-submenu__title .header {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+>>> .el-submenu .el-submenu__title .el-icon-arrow-down {
+  display: none;
+}
+</style>
+<style>
+#app .sidebar-container .theme-dark .is-active > .el-submenu__title {
+  color: #70483e !important;
+}
+#app .sidebar-container .theme-dark .is-active {
+  background-color: #5a332a;
+}
+#app .sidebar-container .el-menu {
+  box-sizing: border-box;
+  padding: 6px !important;
+}
+#app .sidebar-container .el-submenu .el-menu--inline {
+  padding: 0px !important;
+  padding-top: 10px !important;
+  background-color: #5a332a;
+}
 </style>