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 ++++++++++++++--------
1 files changed, 14 insertions(+), 8 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;
}
--
Gitblit v1.9.2