From 0905d4eaf3420f47db1a19c49413a157c65474f8 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期二, 17 十月 2023 18:36:01 +0800
Subject: [PATCH] style: 页头/侧边栏/页面布局 样式调整
---
src/components/layout/components/appsidebar/index.scss | 42 ++++++++++++++++++++++++++++++++++--------
1 files changed, 34 insertions(+), 8 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.scss b/src/components/layout/components/appsidebar/index.scss
index 42ced06..6a93335 100644
--- a/src/components/layout/components/appsidebar/index.scss
+++ b/src/components/layout/components/appsidebar/index.scss
@@ -3,10 +3,11 @@
// height: 100%;
background-color: #314255;
.box {
- width: 200px;
+ width: 187px;
.logo-view {
margin: 40px 20px 10px;
}
+
.el-menu {
border-right: solid 0px #e6e6e6;
}
@@ -16,12 +17,37 @@
.icon {
color: #bfcbd9;
}
- // .el-submenu__title:hover,
- // .el-menu-item:focus,
- // .el-menu-item:hover {
- // min-width: 180px;
- // color: #fff;
- // background-color: #2a78fb !important;
- // }
+ .el-submenu__title:hover,
+ .el-menu-item:focus,
+ .el-menu-item:hover {
+ background-color: #011527 !important;
+ }
+
+ ::v-deep{
+ .el-menu .el-submenu .el-submenu__title:hover{
+ background-color: #011527 !important;
+ }
+ }
+
+ .el-submenu .el-menu-item {
+ width: 166px;
+ min-width: 166px;
+ 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