From 801e3d9a38cb8849d7256b48f68da7f61062140c Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期日, 28 九月 2025 10:31:42 +0800
Subject: [PATCH] 修改新增
---
src/assets/styles/sidebar.scss | 22 ++++++++++++++--------
src/assets/styles/variables.module.scss | 6 +++---
2 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index abb5696..512115c 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -14,7 +14,6 @@
.sidebar-container {
-webkit-transition: width .28s;
- transition: width 0.28s;
width: $base-sidebar-width !important;
background-color: $base-menu-background;
height: calc(100% - 20px);
@@ -23,11 +22,18 @@
top: 10px;
bottom: 10px;
left: 15px;
+ box-sizing: border-box;
z-index: 1001;
overflow: hidden;
- border-radius: 0.6rem;
- -webkit-box-shadow: 8px 0 15px rgba(0,21,41,.08);
- box-shadow: 8px 0 15px rgba(0,21,41,.08);
+ border-radius: 1rem;
+ transition: 0.6s;
+ border: 2px solid $base-menu-light-background;
+
+ &:hover{
+ border: 2px solid #fff;
+ -webkit-box-shadow: 8px 3px 15px rgba(15,53,138,.2);
+ box-shadow: 8px 3px 15px rgba(15,53,138,.2);
+ }
// reset element-ui css
.horizontal-collapse-transition {
@@ -86,7 +92,7 @@
.el-menu--inline:not(:has(.el-sub-menu)){
- background-color: #f5f7fa !important;
+ background-color: #2563eb !important;
box-shadow: 0 3px 5px rgba(0,0,0,.1) inset;
}
@@ -97,7 +103,7 @@
transition: 0.6s;
&:hover {
color: #fff !important;
- background-color: #2563eb !important;
+ background-color: rgba(255,255,255,.5) !important;
}
}
@@ -117,11 +123,11 @@
&:hover {
color: #fff;
- background-color: rgba(37,99,235,.8) !important;
+ background-color: rgba(255,255,255,.5) !important;
}
&.is-active {
color: #fff;
- background-color: #2563eb !important;
+ background-color: rgba(255,255,255,.2) !important;
box-shadow: 0 3px 5px rgba(0,0,0,.1) inset;
}
diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 571b946..3097e69 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -14,9 +14,9 @@
$base-menu-background: #304156;
$base-logo-title-color: #ffffff;
-$base-menu-light-color: rgba(0, 0, 0, 0.7);
-$base-menu-light-background: #ffffff;
-$base-logo-light-title-color: #001529;
+$base-menu-light-color: #fff;
+$base-menu-light-background: #2563eb;
+$base-logo-light-title-color: #fff;
$base-sub-menu-background: #1f2d3d;
$base-sub-menu-hover: #001528;
--
Gitblit v1.9.2