From 8e6b3f794ac802f6e35a62fe6fa9fe8f47f11a5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Tue, 26 Dec 2023 11:35:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E5=AD=97=E9=A2=9C=E8=89=B2=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/admin/components/menus/menuHorizontal.vue      | 1 +
 src/layouts/admin/components/menus/menuVertical.vue        | 1 +
 .../admin/components/menus/menuVerticalChildren.vue        | 1 +
 src/layouts/admin/components/navBar/double.vue             | 1 +
 src/styles/element.scss                                    | 7 ++++++-
 5 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layouts/admin/components/menus/menuHorizontal.vue b/src/layouts/admin/components/menus/menuHorizontal.vue
index e23c8de..0959655 100644
--- a/src/layouts/admin/components/menus/menuHorizontal.vue
+++ b/src/layouts/admin/components/menus/menuHorizontal.vue
@@ -86,6 +86,7 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 
 .el-sub-menu .icon,
diff --git a/src/layouts/admin/components/menus/menuVertical.vue b/src/layouts/admin/components/menus/menuVertical.vue
index 6db2ed6..2951627 100644
--- a/src/layouts/admin/components/menus/menuVertical.vue
+++ b/src/layouts/admin/components/menus/menuVertical.vue
@@ -76,5 +76,6 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 </style>
diff --git a/src/layouts/admin/components/menus/menuVerticalChildren.vue b/src/layouts/admin/components/menus/menuVerticalChildren.vue
index d9f7e11..0066792 100644
--- a/src/layouts/admin/components/menus/menuVerticalChildren.vue
+++ b/src/layouts/admin/components/menus/menuVerticalChildren.vue
@@ -96,5 +96,6 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 </style>
diff --git a/src/layouts/admin/components/navBar/double.vue b/src/layouts/admin/components/navBar/double.vue
index 7875b9d..50bef6b 100644
--- a/src/layouts/admin/components/navBar/double.vue
+++ b/src/layouts/admin/components/navBar/double.vue
@@ -77,6 +77,7 @@ onBeforeRouteUpdate((to) => {
     --el-menu-bg-color: v-bind('config.getColorVal("menuBackground")');
     --el-menu-text-color: v-bind('config.getColorVal("menuColor")');
     --el-menu-active-color: v-bind('config.getColorVal("menuActiveColor")');
+    --el-menu-hover-color: v-bind('config.getColorVal("menuActiveBackground")');
 }
 
 .el-sub-menu .icon,
diff --git a/src/styles/element.scss b/src/styles/element.scss
index 1ddad61..15473d0 100644
--- a/src/styles/element.scss
+++ b/src/styles/element.scss
@@ -15,8 +15,13 @@
 
 .el-menu {
     user-select: none;
+    .el-menu-item:hover,
     .el-sub-menu__title:hover {
-        background-color: var(--el-color-primary-light-9) !important;
+        background-color: var(--el-menu-hover-color) !important;
+        color: var(--el-menu-active-color) !important;
+        .icon {
+            color: var(--el-menu-active-color) !important;
+        }
     }
 }