From 9f5e18cc415cd3fef13f105ffeabae3c01ba9665 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期四, 18 六月 2026 13:02:18 +0800
Subject: [PATCH] 样式修改
---
src/layout/components/Navbar.vue | 23 +++++++++++------------
1 files changed, 11 insertions(+), 12 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 771c3f3..5be2b8e 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -231,10 +231,10 @@
align-items: center;
justify-content: space-between;
padding: 0 24px 0 0;
- background: #fff;
- border-bottom: 1px solid #d8dce5;
+ background: var(--navbar-bg);
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
z-index: var(--layout-header-z);
+ color: var(--navbar-text);
}
.navbar-left {
@@ -252,13 +252,12 @@
transition: width 0.25s ease;
overflow: hidden;
flex-shrink: 0;
- background-color: #fff; // 寮哄埗璁句负鐧借壊鑳屾櫙
- // border-right: 1px solid #d8dce5; // 澧炲姞鍙充晶杈规浠ュ尯鍒嗗鑸爮涓讳綋
+ background-color: transparent;
}
.top-nav-wrapper {
display: flex;
- align-items: center;
+ align-items: stretch; /* 鍗犳弧楂樺害 */
height: 100%;
min-width: 0;
flex: 1;
@@ -290,15 +289,15 @@
display: flex;
align-items: center;
justify-content: center;
- color: var(--text-secondary);
+ color: var(--navbar-text);
border-radius: 50%; // 鍦嗗舰鑳屾櫙
- background: rgba(0, 0, 0, 0.04); // 娴呮祬鐨勫渾褰㈡搴曡壊
+ background: rgba(255, 255, 255, 0.1); // 娴呮祬鐨勫渾褰㈡搴曡壊
transition: all 0.2s ease;
cursor: pointer;
&:hover {
- background: rgba(0, 0, 0, 0.08); // 鎮仠鍔犳繁
- color: var(--el-color-primary);
+ background: rgba(255, 255, 255, 0.2); // 鎮仠鍔犳繁
+ color: #fff;
}
:deep(.svg-icon) {
@@ -335,7 +334,7 @@
transition: 0.2s ease;
&:hover {
- background: rgba(0, 0, 0, 0.05);
+ background: rgba(255, 255, 255, 0.1);
}
}
@@ -349,7 +348,7 @@
.user-name {
font-size: 13px;
font-weight: 500;
- color: var(--text-primary);
+ color: var(--navbar-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -387,7 +386,7 @@
}
.caret-icon {
- color: var(--text-secondary);
+ color: var(--navbar-text);
opacity: 0.76;
font-size: 12px;
transition: 0.2s ease;
--
Gitblit v1.9.3