From 8efe771cc70f530992af95f672ff1167c5b30402 Mon Sep 17 00:00:00 2001 From: birt <2499248221@qq.com> Date: 星期日, 13 四月 2025 12:56:00 +0800 Subject: [PATCH] 123 --- zhitan-vue/src/assets/styles/sidebar.scss | 30 ++++++++++++++++++------------ 1 files changed, 18 insertions(+), 12 deletions(-) diff --git a/zhitan-vue/src/assets/styles/sidebar.scss b/zhitan-vue/src/assets/styles/sidebar.scss index c5a8670..2a62f02 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; @@ -50,10 +51,11 @@ .scrollbar-wrapper { overflow-x: hidden !important; + height: calc(100% - 290px) !important; } .el-scrollbar__bar.is-vertical { - right: 0px; + right: 0 !important; } .el-scrollbar { @@ -78,6 +80,7 @@ .svg-icon { margin-right: 16px; + font-size: 14px; } .el-menu { @@ -91,7 +94,7 @@ .menu-title { overflow: hidden !important; font-weight: 400 !important; - font-size: 16px !important; + font-size: 14px !important; } // @media (min-width: 1440px) { @@ -124,12 +127,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 +286,7 @@ .themeLight { #app { .el-menu-item.is-active { - background: #e0eafc !important; + // border-radius: 30px 30px 30px 30px !important; } @@ -309,10 +313,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 +364,7 @@ .svg-icon { margin-right: 16px; - font-size: 16px; + font-size: 14px; color: #C3C3C3; } @@ -412,8 +416,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