From 504d60859520ef4bcd3eb6e3d6be4776a74e8518 Mon Sep 17 00:00:00 2001 From: yufei0306 <13417315+yufei0306@user.noreply.gitee.com> Date: Fri, 12 Apr 2024 16:02:54 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=B1=95=E7=A4=BA=E4=B8=80?= =?UTF-8?q?=E7=BA=A7=E8=8F=9C=E5=8D=95=E6=A0=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layout/components/CategoryHeader.vue | 12 +++++++++++- src/store/modules/app.ts | 2 +- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/src/layout/components/CategoryHeader.vue b/src/layout/components/CategoryHeader.vue index dc9876512..af962f15a 100644 --- a/src/layout/components/CategoryHeader.vue +++ b/src/layout/components/CategoryHeader.vue @@ -97,12 +97,22 @@ $prefix-cls: #{$namespace}-tool-header; .#{$prefix-cls} { transition: left var(--transition-time-02); } +::v-deep(.el-menu--horizontal){ + padding-left:20px; +} ::v-deep(.el-menu--horizontal>.el-menu-item){ border-radius: 5px; height: 40px; margin-right: 10px; - background: linear-gradient(to top left,var(--left-menu-bg-color),var(--left-menu-text-color)); + margin-bottom: 2px; + background: rgb(242, 245, 248); + border: 1px solid #ccc; + + // background: linear-gradient(to top left,var(--left-menu-bg-color),var(--left-menu-text-color)); +} +::v-deep(.el-menu--horizontal>.el-menu-item.is-active){ + background: var(--el-menu-hover-bg-color) } diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts index c6ecfdd05..42164cb4e 100644 --- a/src/store/modules/app.ts +++ b/src/store/modules/app.ts @@ -101,7 +101,7 @@ export const useAppStore = defineStore('app', { topToolBorderColor: '#eee' }, categoryRoutePath:'', - showCategoryMenu:false // true:顶部展示一级菜单栏 false:只有左侧菜单栏 + showCategoryMenu:true // true:顶部展示一级菜单栏 false:只有左侧菜单栏 } }, getters: {