From e73c138892009e32d79f602ff3f9027257d79efe Mon Sep 17 00:00:00 2001
From: zclzone <zclzone@outlook.com>
Date: Fri, 10 May 2024 16:51:14 +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/store/modules/permission.js     |  2 +-
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/layouts/components/SideMenu.vue b/src/layouts/components/SideMenu.vue
index b2f7f69..34c82ad 100644
--- a/src/layouts/components/SideMenu.vue
+++ b/src/layouts/components/SideMenu.vue
@@ -59,19 +59,14 @@ function handleMenuSelect(key, item) {
 </script>
 
 <style lang="scss">
-.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;
-      }
+.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);
     }
   }
 }
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 4e31495..9052e94 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-14` }),
+        icon: () => h('i', { class: `${route.meta.icon} text-16` }),
         order: item.order ?? 0,
       }
       const children = item.children?.filter((item) => item.type === 'MENU') || []