From 80fc1c21e8c07483750a45fd54f29028d68b2ab9 Mon Sep 17 00:00:00 2001 From: pany <939630029@qq.com> Date: Fri, 30 Sep 2022 16:58:37 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E5=B7=A6=E4=BE=A7?= =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layout/components/Sidebar/index.vue | 3 ++- src/styles/variables.css | 6 +++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue index c5de229..60b2409 100644 --- a/src/layout/components/Sidebar/index.vue +++ b/src/layout/components/Sidebar/index.vue @@ -66,7 +66,7 @@ const isCollapse = computed(() => { position: absolute; top: 0; left: 0; - width: 4px; + width: 2px; height: 100%; background-color: var(--v3-sidebar-menu-tip-line-bg-color); } @@ -107,6 +107,7 @@ const isCollapse = computed(() => { :deep(.el-sub-menu .el-menu-item) { height: var(--v3-sidebar-menu-item-height); line-height: var(--v3-sidebar-menu-item-height); + &.is-active, &:hover { background-color: var(--v3-sidebar-menu-hover-bg-color); } diff --git a/src/styles/variables.css b/src/styles/variables.css index 1ae4a06..864b589 100644 --- a/src/styles/variables.css +++ b/src/styles/variables.css @@ -12,12 +12,12 @@ --v3-sidebar-hide-width: 54px; --v3-sidebar-menu-item-height: 60px; --v3-sidebar-menu-tip-line-bg-color: #66b1ff; - --v3-sidebar-menu-bg-color: #152d3d; + --v3-sidebar-menu-bg-color: #001428; --v3-sidebar-menu-hover-bg-color: #ffffff10; --v3-sidebar-menu-text-color: #c0c4cc; --v3-sidebar-menu-active-text-color: #ffffff; /** SidebarLogo 组件 */ - --v3-sidebarlogo-bg-color: #0c202b; + --v3-sidebarlogo-bg-color: #001428; /** TagsView 组件 */ --v3-tagsview-height: 34px; --v3-tagsview-tag-text-color: #495060; @@ -30,5 +30,5 @@ --v3-tagsview-tag-icon-hover-bg-color: #00000030; --v3-tagsview-tag-icon-hover-color: #ffffff; /** RightPanel 组件 */ - --v3-rightpanel-button-bg-color: #152d3d; + --v3-rightpanel-button-bg-color: #001428; }