From 3ec419976c556c5571fc33e1689bc2c7f8ae7c14 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 18 Aug 2025 17:38:14 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Basic.vue                | 12 +++---------
 src/stores/modules/side-bar/index.ts |  5 +++++
 src/styles/lib/variable.scss         |  1 +
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index f59eced..a0b7117 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -22,17 +22,11 @@ const router = useRouter();
 const route = useRoute();
 
 useResponsive(true);
-const navbarHeight = `52px`;
-// const renderMenu = computed(() => appStore.menu && !appStore.topMenu);
-// const hideMenu = computed(() => appStore.hideMenu);
+
 const showSider = computed(() => {
-  // 框架模版自带判断逻辑
-  return appStore.menu && !appStore.topMenu && !appStore.hideMenu && !route.meta?.hideSidebar;
+  return  !route.meta?.hideSidebar;
 });
 
-const menuWidth = computed(() => {
-  return sidebarStore.menuCollapse ? appStore.menuWidthFold : appStore.menuWidth;
-});
 const collapsed = computed(() => {
   return sidebarStore.menuCollapse;
 });
@@ -63,7 +57,7 @@ const checkHasInviteCode = () => {
       <Layout.Sider
         v-if="showSider"
         v-model="collapsed"
-        :width="menuWidth"
+        :width="sidebarStore.sidebarWidth"
         collapsible
         trigger
         @collapse="setCollapsed"
diff --git a/src/stores/modules/side-bar/index.ts b/src/stores/modules/side-bar/index.ts
index d769f99..e367122 100644
--- a/src/stores/modules/side-bar/index.ts
+++ b/src/stores/modules/side-bar/index.ts
@@ -27,6 +27,11 @@ export const useSidebarStore = defineStore('sidebar', {
     allowAccessRoutes: [], // 允许访问的路由列表
     menuCollapse: false, // 菜单是否折叠
   }),
+  getters: {
+    sidebarWidth(): number {
+      return this.menuCollapse ? 74 : 138;
+    },
+  },
   actions: {
     clearActiveMenuKey() {
       this.activeMenuKey = null;
diff --git a/src/styles/lib/variable.scss b/src/styles/lib/variable.scss
index eacfc95..d45dfdb 100644
--- a/src/styles/lib/variable.scss
+++ b/src/styles/lib/variable.scss
@@ -1,6 +1,7 @@
 
 $navbar-height: 52px; // 头部高度
 $sidebar-width: 138px; // 侧边栏菜单宽度
+$sidebar-width-collapse: 74px; // 折叠侧边栏菜单宽度
 
 // 汉字字体
 $font-family-regular: 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif;