style(styles): 添加导航栏面包屑汉堡菜单样式变量并应用

- 在 variables.technology3.scss 中添加 Navbar 顶部导航栏样式变量
- 在 variables.technology3.scss 中添加 Hamburger 汉堡菜单按钮样式变量
- 在 variables.technology3.scss 中添加 Breadcrumb 面包屑导航样式变量
- 在 Breadcrumb 组件中应用新的面包屑样式变量
- 在 Hamburger 组件中应用新的汉堡菜单样式变量
- 在 Navbar 组件中应用新的导航栏样式变量
- 移除 Breadcrumb 组件中对 variables.technology3 的重复导入
This commit is contained in:
2026-01-25 09:29:14 +08:00
parent 32619cd138
commit 77abc7b0e2
4 changed files with 96 additions and 31 deletions
+12 -12
View File
@@ -114,9 +114,9 @@ export default {
height: 50px;
overflow: hidden;
position: relative;
background: linear-gradient(90deg, $menuBg 0%, #162035 100%);
box-shadow: 0 2px 8px rgba(74, 144, 226, 0.15);
border-bottom: 1px solid rgba(74, 144, 226, 0.2);
background: linear-gradient(90deg, $navbarBgStart 0%, $navbarBgEnd 100%);
box-shadow: 0 $navbarShadowY $navbarShadowBlur $navbarShadowSpread $navbarShadowColor;
border-bottom: $navbarBorderWidth solid $navbarBorderColor;
.hamburger-container {
line-height: 46px;
@@ -127,11 +127,11 @@ export default {
-webkit-tap-highlight-color:transparent;
&:hover {
background: rgba(74, 144, 226, 0.1);
background: $navbarHoverBg;
.hamburger {
color: $menuActiveText;
filter: drop-shadow(0 0 6px $menuActiveText);
filter: drop-shadow($hamburgerGlow);
}
}
}
@@ -167,9 +167,9 @@ export default {
transition: all 0.3s ease;
&:hover {
background: rgba(74, 144, 226, 0.1);
color: $menuActiveText;
filter: drop-shadow(0 0 8px rgba(102, 255, 204, 0.3));
background: $navbarHoverBg;
color: $navbarRightMenuHoverColor;
filter: drop-shadow(0 0 8px $navbarRightMenuHoverGlow);
}
}
}
@@ -186,12 +186,12 @@ export default {
width: 40px;
height: 40px;
border-radius: 10px;
border: 2px solid rgba(102, 255, 204, 0.3);
border: 2px solid $navbarAvatarBorderColor;
transition: all 0.3s ease;
&:hover {
border-color: $menuActiveText;
box-shadow: 0 0 15px rgba(102, 255, 204, 0.4);
border-color: $navbarAvatarHoverBorderColor;
box-shadow: 0 0 15px $navbarAvatarHoverGlow;
}
}
@@ -201,7 +201,7 @@ export default {
right: -20px;
top: 25px;
font-size: 12px;
color: $menuText;
color: $navbarCaretColor;
transition: all 0.3s ease;
&:hover {