From 876a5e6657d67df66bb525d02dd6d147ba81cae5 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 05 一月 2023 09:53:37 +0800 Subject: [PATCH] 2023-01-05 --- src/components/sidemenu/index.scss | 50 +++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 43 insertions(+), 7 deletions(-) diff --git a/src/components/sidemenu/index.scss b/src/components/sidemenu/index.scss index c9b71c5..b92ca04 100644 --- a/src/components/sidemenu/index.scss +++ b/src/components/sidemenu/index.scss @@ -1,10 +1,12 @@ -@import '../../assets/css/iconfont.css'; +// @import '../../assets/css/iconfont.css'; .mk-side-menu { flex: 0 0 235px; width: 235px; padding: 48px 0 40px; transition: width 0.2s, flex 0.2s; + border-right: 1px solid #d9d9d9; + background: var(--mk-sys-background); .ant-menu-item { padding-left: 0!important; cursor: default; @@ -29,12 +31,6 @@ .edit-check { top: -5px; } - } - .ant-menu-sub.ant-menu-inline > .ant-menu-item.ant-menu-item-active { - background: #06b4f7; - } - .ant-menu-sub.ant-menu-inline > .ant-menu-item.ant-menu-item-selected { - background: #06b4f7; } .ant-menu-inline .ant-menu-item { font-size: 1.1rem; @@ -92,6 +88,46 @@ width: 48px; left: 187px; } + + > .ant-menu { + background: var(--mk-sys-background); + > .ant-menu-submenu { + color: var(--mk-sys-font-color); + background: transparent; + > .ant-menu-submenu-title { + &:hover { + color: var(--mk-sys-font-color); + } + > .ant-menu-submenu-arrow:before { + background: var(--mk-sys-font-color); + } + > .ant-menu-submenu-arrow:after { + background: var(--mk-sys-font-color); + } + } + > .ant-menu-sub { + background: transparent; + box-shadow: none; + .ant-menu-item { + a { + color: var(--mk-sys-light-font-color); + } + } + .ant-menu-item.ant-menu-item-active, .ant-menu-item.ant-menu-item-selected { + background: var(--mk-sys-color5); + color: #ffffff; + a { + color: #ffffff; + } + } + } + } + > .ant-menu-submenu.ant-menu-submenu-open { + > .ant-menu-submenu-title { + background: var(--mk-sys-light-background); + } + } + } } // .mk-side-menu.mk-iframe { // tab椤典腑涓篿frame鏃� -- Gitblit v1.8.0