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