From 9615ec9aa878ac1a20ba0ae0fd63cd68e6661690 Mon Sep 17 00:00:00 2001
From: zclzone <zclzone@outlook.com>
Date: Wed, 3 Apr 2024 17:58:41 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/SideMenu.vue | 21 +++++++++++++--------
 src/settings.js                     |  2 --
 src/store/modules/permission.js     |  4 ++--
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/layouts/components/SideMenu.vue b/src/layouts/components/SideMenu.vue
index 34c82ad..b2f7f69 100644
--- a/src/layouts/components/SideMenu.vue
+++ b/src/layouts/components/SideMenu.vue
@@ -59,14 +59,19 @@ function handleMenuSelect(key, item) {
 </script>
 
 <style lang="scss">
-.side-menu:not(.n-menu--collapsed) {
-  .n-menu-item-content {
-    &::before {
-      left: 8px;
-      right: 8px;
-    }
-    &.n-menu-item-content--selected::before {
-      border-left: 4px solid var(--primary-color);
+.side-menu {
+  .n-menu-item-content__icon {
+    border: 1px solid rgb(229, 231, 235);
+    border-radius: 4px;
+  }
+  .n-menu-item-content--child-active,
+  .n-menu-item-content--selected {
+    .n-menu-item-content__icon {
+      border-color: var(--primary-color);
+      background-color: var(--primary-color);
+      i {
+        color: #fff;
+      }
     }
   }
 }
diff --git a/src/settings.js b/src/settings.js
index 5e6a2e1..255a66e 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -63,7 +63,6 @@ export const basePermissions = [
         type: 'MENU',
         path: 'https://apifox.com/apidoc/shared-ff4a4d32-c0d1-4caf-b0ee-6abc130f734a',
         icon: 'i-me:apifox',
-        iconMode: 'bg',
         order: 2,
         enable: true,
         show: true,
@@ -74,7 +73,6 @@ export const basePermissions = [
         type: 'MENU',
         path: 'https://www.naiveui.com/zh-CN/os-theme',
         icon: 'i-me:naiveui',
-        iconMode: 'bg',
         order: 3,
         enable: true,
         show: true,
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 794f596..4e31495 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -34,7 +34,7 @@ export const usePermissionStore = defineStore('permission', {
         key: route.name,
         path: route.path,
         originPath: route.meta.originPath,
-        icon: () => h('i', { class: `${route.meta.icon} text-16` }),
+        icon: () => h('i', { class: `${route.meta.icon} text-14` }),
         order: item.order ?? 0,
       }
       const children = item.children?.filter((item) => item.type === 'MENU') || []
@@ -61,7 +61,7 @@ export const usePermissionStore = defineStore('permission', {
         component: item.component,
         meta: {
           originPath,
-          icon: item.icon + ({ bg: '', mask: '?mask' }[item.iconMode] ?? '?mask'),
+          icon: item.icon + '?mask',
           title: item.name,
           layout: item.layout,
           keepAlive: !!item.keepAlive,