From 7fd1e895828ebe44fc27cd342e18910221dd99b5 Mon Sep 17 00:00:00 2001
From: "1747191978@qq.com" <1942943850@qq.com>
Date: Mon, 3 Mar 2025 11:31:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 acupuncture-前台/src/assets/styles/sidebar.scss       |  6 ++++++
 acupuncture-前台/src/assets/styles/variables.scss     |  4 ++--
 .../src/layout/components/Sidebar/SidebarItem.vue     | 11 +++++++++--
 .../src/layout/components/Sidebar/index.vue           |  6 ++++++
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/acupuncture-前台/src/assets/styles/sidebar.scss b/acupuncture-前台/src/assets/styles/sidebar.scss
index 9cd64dc2..e5cd1a28 100644
--- a/acupuncture-前台/src/assets/styles/sidebar.scss
+++ b/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;
+        }
       }
     }
 
diff --git a/acupuncture-前台/src/assets/styles/variables.scss b/acupuncture-前台/src/assets/styles/variables.scss
index aa313a41..4f2064e1 100644
--- a/acupuncture-前台/src/assets/styles/variables.scss
+++ b/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);
 
 // 自定义暗色菜单风格
 /**
diff --git a/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue b/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue
index 711f5fef..031bf419 100644
--- a/acupuncture-前台/src/layout/components/Sidebar/SidebarItem.vue
+++ b/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>
diff --git a/acupuncture-前台/src/layout/components/Sidebar/index.vue b/acupuncture-前台/src/layout/components/Sidebar/index.vue
index caa9048b..4afeac5a 100644
--- a/acupuncture-前台/src/layout/components/Sidebar/index.vue
+++ b/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>