From 464303ce6bd30ad9a2aad5bc0b1c0be008986598 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期五, 22 九月 2023 09:51:36 +0800
Subject: [PATCH] style: 侧边栏hover样式调整
---
src/components/layout/components/appsidebar/index.scss | 36 +++++++++++++++++++++++++++++++-----
1 files changed, 31 insertions(+), 5 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.scss b/src/components/layout/components/appsidebar/index.scss
index 339111c..635faed 100644
--- a/src/components/layout/components/appsidebar/index.scss
+++ b/src/components/layout/components/appsidebar/index.scss
@@ -8,18 +8,44 @@
margin: 40px 20px 10px;
}
.el-menu {
- border-right: solid 0px #e6e6e6;
- }
- .el-submenu .el-menu-item {
- min-width: none;
+ border-right: solid 0 #e6e6e6;
}
.icon {
color: #bfcbd9;
}
+
.el-submenu__title:hover,
.el-menu-item:focus,
.el-menu-item:hover {
- background-color: cornflowerblue;
+ background-color: #011527 !important;
+ }
+
+ ::v-deep{
+ .el-menu .el-submenu .el-submenu__title:hover{
+ background-color: #011527 !important;
+ }
+ }
+
+ .el-submenu .el-menu-item {
+ width: 178px;
+ min-width: 178px;
+ height: 38px;
+ display: flex;
+ align-items: center;
+ margin-left: 11px;
+ border-radius: 6px;
+
+ &.is-active {
+ color: #fff !important;
+ flex-grow: 0;
+ fill: #fff !important;
+ background: #2a78fb !important;
+ i {
+ color: #fff;
+ }
+
+ }
}
}
}
+
--
Gitblit v1.8.0