From acd6bbae394c997523b5051d019e584db1845c4c Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期三, 17 六月 2026 14:29:04 +0800
Subject: [PATCH] 样式修改
---
src/layout/components/Sidebar/SidebarItem.vue | 48 +++++++++++++++---------------------------------
1 files changed, 15 insertions(+), 33 deletions(-)
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 003b489..e770ee2 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -101,58 +101,40 @@
}
</script>
-<style lang="scss" scoped>
+<style lang="scss" scoped>
.sidebar-item-wrapper {
:deep(.menu-icon) {
- width: 26px;
- height: 26px;
+ width: 18px;
+ height: 18px;
margin-right: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
- transition: color 0.2s ease;
- color: var(--sidebar-text);
- opacity: 0.88;
+ transition: all 0.3s ease;
+ color: inherit;
}
- :deep(.el-menu-item:hover .menu-icon),
- :deep(.el-sub-menu__title:hover .menu-icon) {
- color: #ffffff;
- opacity: 1;
- }
-
- :deep(.el-menu-item.is-active .menu-icon) {
- color: var(--menu-active-text) !important;
- opacity: 1;
- }
-
:deep(.menu-title) {
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: #ffffff;
- opacity: 1;
- }
-
- :deep(.el-menu-item.is-active .menu-title) {
- color: var(--menu-active-text) !important;
- opacity: 1;
+ color: inherit;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ flex: 1;
}
:deep(.nest-menu) {
.menu-icon {
- width: 22px;
- height: 22px;
+ width: 16px;
+ height: 16px;
margin-right: 10px;
}
- .menu-title { font-size: 13px; }
+ .menu-title {
+ font-size: 13px;
+ }
}
}
</style>
--
Gitblit v1.9.3