From 9f5e18cc415cd3fef13f105ffeabae3c01ba9665 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期四, 18 六月 2026 13:02:18 +0800
Subject: [PATCH] 样式修改
---
src/components/TopNav/index.vue | 19 +++++++++++--------
1 files changed, 11 insertions(+), 8 deletions(-)
diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index 27de555..2151eb5 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -21,7 +21,7 @@
<sidebar-item v-for="(routeItem, index) in topbarRouters"
:key="routeItem.path + index"
:item="routeItem"
- :base-path="routeItem.path" />
+ :base-path="routeItem.path" />
</el-menu>
</div>
<button v-show="showArrows"
@@ -174,10 +174,12 @@
:deep(.top-nav-menu.el-menu--horizontal > .el-menu-item),
:deep(.top-nav-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title) {
- height: var(--topbar-height);
+ height: 100%;
line-height: var(--topbar-height);
+ display: flex;
+ align-items: center;
padding: 0 12px;
- color: var(--text-secondary);
+ color: var(--navbar-text);
border-bottom: 2px solid transparent;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
@@ -188,8 +190,8 @@
:deep(
.top-nav-menu.el-menu--horizontal > .el-sub-menu > .el-sub-menu__title:hover
) {
- background: rgba(var(--el-color-primary-rgb), 0.06);
- color: var(--el-color-primary);
+ background: rgba(255, 255, 255, 0.1);
+ color: #ffffff;
}
:deep(.top-nav-menu.el-menu--horizontal > .el-menu-item.is-active),
@@ -198,10 +200,10 @@
> .el-sub-menu.is-active
> .el-sub-menu__title
) {
- background: rgba(var(--el-color-primary-rgb), 0.06);
- color: var(--el-color-primary);
+ background: rgba(255, 255, 255, 0.15);
+ color: #ffffff;
font-weight: 600;
- border-bottom-color: var(--el-color-primary);
+ border-bottom-color: #ffffff;
}
:deep(.top-nav-menu.el-menu--horizontal > .el-menu-item .svg-icon),
@@ -212,5 +214,6 @@
.svg-icon
) {
margin-right: 8px;
+ vertical-align: middle;
}
</style>
--
Gitblit v1.9.3