From 79427dd90676020e6e0b204af731b7bf1a4ef462 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: 星期一, 17 十一月 2025 12:15:16 +0800
Subject: [PATCH] 修改新增
---
src/assets/styles/sidebar.scss | 48 +++++++++++++++++++++++++++++++++++++-----------
1 files changed, 37 insertions(+), 11 deletions(-)
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index abb5696..547fd9f 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 {
@@ -82,12 +88,32 @@
display: inline-block !important;
}
+ .el-sub-menu .el-menu-item.is-active{
+ background: linear-gradient(#ccc,#fff) !important;
+ //background-color: #fff;
+ border-top: 1px solid rgba(255,255,255,.2);
+ border-bottom: 1px solid rgba(255,255,255,.2);
+ width: 94%;
+ margin-left: 3%;
+ border-radius: 4px;
+ }
+
+ .el-menu-item.is-active{
+ background: linear-gradient(#ccc,#fff) !important;
+ //background-color: #fff;
+ border-top: 1px solid rgba(255,255,255,.2);
+ border-bottom: 1px solid rgba(255,255,255,.2);
+ width: 94%;
+ margin-left: 3%;
+ border-radius: 4px;
+ }
+
}
.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,.2) inset, 0 -3px 8px rgba(0,0,0,.2) inset;
}
// menu hover
@@ -97,7 +123,7 @@
transition: 0.6s;
&:hover {
color: #fff !important;
- background-color: #2563eb !important;
+ background-color: rgba(255,255,255,.5) !important;
}
}
@@ -117,12 +143,12 @@
&:hover {
color: #fff;
- background-color: rgba(37,99,235,.8) !important;
+ background-color: rgba(255,255,255,.5) !important;
+ width: 96%;
+ margin-left: 2%;
}
&.is-active {
- color: #fff;
- background-color: #2563eb !important;
- box-shadow: 0 3px 5px rgba(0,0,0,.1) inset;
+ color: #2563eb;
}
.el-sub-menu__icon-arrow{
--
Gitblit v1.9.2