From bb48f14ba7147c6df881c14866c84da2334efba5 Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Fri, 23 Oct 2026 15:12:59 +0800 Subject: [PATCH] =?UTF-8?q?feat(admin):=20=E5=A4=B4=E9=83=A8=E4=B8=8E?= =?UTF-8?q?=E8=8F=9C=E5=8D=95=E4=B8=BB=E9=A2=98=E9=BB=98=E8=AE=A4=E6=94=B9?= =?UTF-8?q?=E4=B8=BA=E7=99=BD=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/store/modules/app.ts | 12 +++++++----- src/styles/var.css | 16 +++++++++------- 2 files changed, 16 insertions(+), 12 deletions(-) diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts index 5533fbf..1559069 100644 --- a/src/store/modules/app.ts +++ b/src/store/modules/app.ts @@ -47,7 +47,7 @@ export const useAppStore = defineStore('app', { breadcrumb: true, // 面包屑 breadcrumbIcon: true, // 面包屑图标 collapse: false, // 折叠菜单 - uniqueOpened: false, // 是否只保持一个子菜单的展开 + uniqueOpened: true, // 是否只保持一个子菜单的展开(菜单手风琴) hamburger: true, // 折叠图标 screenfull: true, // 全屏图标 size: true, // 尺寸图标 @@ -71,9 +71,9 @@ export const useAppStore = defineStore('app', { // 左侧菜单边框颜色 leftMenuBorderColor: 'inherit', // 左侧菜单背景颜色 - leftMenuBgColor: '#001529', + leftMenuBgColor: '#fff', // 左侧菜单浅色背景颜色 - leftMenuBgLightColor: '#0f2438', + leftMenuBgLightColor: '#fff', // 左侧菜单选中背景颜色 leftMenuBgActiveColor: 'var(--app-primary-strong)', // 左侧菜单收起选中背景颜色 @@ -346,8 +346,10 @@ export const useAppStore = defineStore('app', { if (context.store.theme?.elColorPrimary !== '#c4322a') { context.store.setTheme({ elColorPrimary: '#c4322a' }) } - context.store.setMenuTheme(context.store.theme.leftMenuBgColor) - context.store.setHeaderTheme(context.store.theme.topHeaderBgColor) + // 头部主题默认强制为白色、菜单主题也强制为白色 + // 避免老用户浏览器残留其他主题色,清缓存也能恢复到项目品牌配色 + context.store.setHeaderTheme('#fff') + context.store.setMenuTheme('#fff') } } }) diff --git a/src/styles/var.css b/src/styles/var.css index 3313921..d6e50ff 100644 --- a/src/styles/var.css +++ b/src/styles/var.css @@ -6,23 +6,25 @@ --left-menu-min-width: 64px; - --left-menu-bg-color: #17110f; + --left-menu-bg-color: #fff; - --left-menu-bg-light-color: #221815; + --left-menu-bg-light-color: #fff; - --left-menu-bg-active-color: var(--app-primary-strong); + --left-menu-bg-active-color: rgba(196, 50, 42, 0.1); - --left-menu-text-color: #d7cbc4; + --left-menu-text-color: #333; - --left-menu-text-active-color: #fff; + --left-menu-text-active-color: var(--el-color-primary); - --left-menu-collapse-bg-active-color: var(--app-primary-strong); + --left-menu-border-color: #eee; + + --left-menu-collapse-bg-active-color: rgba(196, 50, 42, 0.1); /* left menu end */ /* logo start */ --logo-height: 50px; - --logo-title-text-color: #fff; + --logo-title-text-color: #303133; /* logo end */ /* header start */