From 6ba30bed9eb241a76897ad04c01ac7c80be9add9 Mon Sep 17 00:00:00 2001
From: yyb <995253665@qq.com>
Date: 星期一, 15 六月 2026 20:19:37 +0800
Subject: [PATCH] 提交山西比特维科技有限公司/山西金福恒远商贸有限公司配置文件
---
src/layout/components/Sidebar/SidebarItem.vue | 42 +++++++++++++++++++++++++++++-------------
1 files changed, 29 insertions(+), 13 deletions(-)
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 54d3b05..3712c68 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -104,20 +104,22 @@
<style lang="scss" scoped>
.sidebar-item-wrapper {
:deep(.menu-icon) {
- width: 18px;
- height: 18px;
+ width: 26px;
+ height: 26px;
margin-right: 12px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
flex-shrink: 0;
- transition: all 0.25s ease;
+ transition: color 0.2s ease;
color: var(--sidebar-text);
- opacity: 0.8;
+ opacity: 0.88;
}
:deep(.el-menu-item:hover .menu-icon),
:deep(.el-sub-menu__title:hover .menu-icon) {
- color: var(--el-color-primary, var(--accent-primary));
+ color: #ffffff;
opacity: 1;
- transform: scale(1.1);
}
:deep(.el-menu-item.is-active .menu-icon) {
@@ -126,29 +128,43 @@
}
:deep(.menu-title) {
- font-weight: 450;
- transition: all 0.25s ease;
+ font-weight: 500;
+ transition: color 0.2s ease;
color: var(--sidebar-text);
+ opacity: 0.82;
}
:deep(.el-menu-item:hover .menu-title),
:deep(.el-sub-menu__title:hover .menu-title) {
- color: var(--el-color-primary, var(--accent-primary));
+ color: #ffffff;
+ opacity: 1;
}
:deep(.el-menu-item.is-active .menu-title) {
color: var(--menu-active-text) !important;
+ opacity: 1;
}
:deep(.nest-menu) {
.menu-icon {
- width: 16px;
- height: 16px;
- margin-right: 10px;
+ width: 18px;
+ height: 18px;
+ margin-right: 8px;
+ opacity: 0.7;
}
- .menu-title {
+ .menu-title {
font-size: 13px;
+ opacity: 0.85;
+ }
+
+ .el-menu-item.is-active {
+ .menu-icon {
+ opacity: 1;
+ }
+ .menu-title {
+ opacity: 1;
+ }
}
}
}
--
Gitblit v1.9.3