From b0530ed9211230227a8f94e394eda779d5ae5fc1 Mon Sep 17 00:00:00 2001 From: birt <2499248221@qq.com> Date: 星期日, 13 四月 2025 01:51:52 +0800 Subject: [PATCH] birtzhang --- zhitan-vue/src/assets/styles/sidebar.scss | 27 ++++++++++++++++----------- 1 files changed, 16 insertions(+), 11 deletions(-) diff --git a/zhitan-vue/src/assets/styles/sidebar.scss b/zhitan-vue/src/assets/styles/sidebar.scss index c5a8670..a698226 100644 --- a/zhitan-vue/src/assets/styles/sidebar.scss +++ b/zhitan-vue/src/assets/styles/sidebar.scss @@ -1,7 +1,7 @@ .themeDark { #app { .el-menu-item.is-active { - background: #3271eb !important; + // background: #3271eb !important; // border-radius: 30px 30px 30px 30px !important; color: #fff; } @@ -30,11 +30,12 @@ background-color: $base-menu-background; height: 100%; position: fixed; - top: 0; + top: 60px; bottom: 0; left: 0; - z-index: 1001; + z-index: 999; overflow: hidden; + background-color: #002866 !important; -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); font-family: OPPOSans, OPPOSans; @@ -78,6 +79,7 @@ .svg-icon { margin-right: 16px; + font-size: 14px; } .el-menu { @@ -91,7 +93,7 @@ .menu-title { overflow: hidden !important; font-weight: 400 !important; - font-size: 16px !important; + font-size: 14px !important; } // @media (min-width: 1440px) { @@ -124,12 +126,13 @@ .sub-menu-title-noDropdown, .el-sub-menu__title { &:hover { - background-color: rgba(0, 0, 0, 0.06) !important; + background-color: rgba(0, 0, 0, 0.2) !important; } } & .theme-dark .is-active > .el-sub-menu__title { color: $base-menu-color-active !important; + background-color: rgba(0, 0, 0, 0.2) !important; } & .nest-menu .el-sub-menu > .el-sub-menu__title, @@ -282,7 +285,7 @@ .themeLight { #app { .el-menu-item.is-active { - background: #e0eafc !important; + // border-radius: 30px 30px 30px 30px !important; } @@ -309,10 +312,10 @@ background-color: $base-menu-background; height: 100%; position: fixed; - top: 0; + top: 60px; bottom: 0; left: 0; - z-index: 1001; + z-index: 999; overflow: hidden; -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35); box-shadow: none; @@ -360,7 +363,7 @@ .svg-icon { margin-right: 16px; - font-size: 16px; + font-size: 14px; color: #C3C3C3; } @@ -412,8 +415,10 @@ } } - & .theme-dark .is-active > .el-sub-menu__title { - // color: $base-menu-color-active !important; + + & .theme-light .is-active > .el-sub-menu__title { + color: $--color-primary !important; + // background-color: #eaeff8 !important; } & .nest-menu .el-sub-menu > .el-sub-menu__title, -- Gitblit v1.9.3