From 084ffc98ca9683ad7fb648cab8ff6a4797c8f198 Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Mon, 3 Mar 2025 15:07:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=A0=B7=E5=BC=8F=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/styles/variables.scss          |  2 +-
 .../layout/components/Sidebar/SidebarItem.vue | 54 +++++++++++++++++--
 2 files changed, 50 insertions(+), 6 deletions(-)

diff --git a/acupuncture-前台/src/assets/styles/variables.scss b/acupuncture-前台/src/assets/styles/variables.scss
index 4f2064e1..f62aaa70 100644
--- a/acupuncture-前台/src/assets/styles/variables.scss
+++ b/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);
 
 // 自定义暗色菜单风格
diff --git a/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue b/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue
index 0b2c937e..83afe986 100644
--- a/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue
+++ b/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue
@@ -36,11 +36,19 @@
       popper-append-to-body
     >
       <template slot="title">
-        <item
-          v-if="item.meta"
-          :icon="item.meta && item.meta.icon"
-          :title="item.meta.title"
-        />
+        <div class="header">
+          <div v-if="itmeIcon[item.meta.title]" class="div-img">
+            <img :src="itmeIcon[item.meta.title]" alt="" />
+          </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>