From b47c081ac3ac59ea5704ab12579c029a55991961 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期一, 29 九月 2025 16:32:49 +0800
Subject: [PATCH] 修改新增
---
src/assets/styles/sidebar.scss | 25 +++++++++++++++----------
1 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index abb5696..42fc915 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,8 +92,8 @@
.el-menu--inline:not(:has(.el-sub-menu)){
- background-color: #f5f7fa !important;
- box-shadow: 0 3px 5px rgba(0,0,0,.1) inset;
+ background-color: #3272ff !important;
+ box-shadow: 0 3px 8px rgba(0,0,0,.1) inset, 0 -3px 8px rgba(255,255,255,.1) inset;
}
// menu hover
@@ -97,7 +103,7 @@
transition: 0.6s;
&:hover {
color: #fff !important;
- background-color: #2563eb !important;
+ background-color: rgba(255,255,255,.5) !important;
}
}
@@ -117,12 +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;
- box-shadow: 0 3px 5px rgba(0,0,0,.1) inset;
+ background-color: rgba(255,255,255,.2) !important;
}
.el-sub-menu__icon-arrow{
--
Gitblit v1.9.2