From 32619cd13811334ab1ce95e70809775b8f00a0a9 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Sun, 25 Jan 2026 09:23:18 +0800
Subject: [PATCH] =?UTF-8?q?style(Breadcrumb):=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BB=A5=E5=A2=9E=E5=BC=BA=E8=A7=86=E8=A7=89=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 导入新的技术变量文件 variables.technology3
- 将面包屑文字颜色统一设置为白色并增加重要性标记
- 为链接状态添加发光阴影效果和悬停滤镜
- 调整分隔符颜色透明度以改善可读性
- 为非重定向项目添加文本阴影效果
- 优化悬停状态的颜色过渡和阴影效果
---
 .../src/components/Breadcrumb/index.vue       | 36 ++++++++++++++-----
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/cutejava-front/src/components/Breadcrumb/index.vue b/cutejava-front/src/components/Breadcrumb/index.vue
index a1f269b8..bbfcee96 100644
--- a/cutejava-front/src/components/Breadcrumb/index.vue
+++ b/cutejava-front/src/components/Breadcrumb/index.vue
@@ -71,6 +71,7 @@ export default {
 
 <style lang="scss" scoped>
 @import "~@/assets/styles/variables";
+@import "~@/assets/styles/variables.technology3";
 
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
@@ -80,28 +81,47 @@ export default {
 
   ::v-deep .el-breadcrumb__item {
     .el-breadcrumb__inner {
-      color: $menuText;
+      color: #FFFFFF !important;
+      font-weight: 500;
       transition: all 0.3s ease;
 
-      &:hover {
-        color: $menuActiveText;
-        filter: drop-shadow(0 0 4px rgba(102, 255, 204, 0.3));
+      &.is-link {
+        color: #FFFFFF !important;
+        text-shadow: 0 0 4px rgba(102, 255, 204, 0.3);
+
+        &:hover {
+          color: $menuActiveText !important;
+          filter: drop-shadow(0 0 6px rgba(102, 255, 204, 0.4));
+        }
       }
 
-      &.is-link {
-        font-weight: 500;
+      &:hover {
+        color: $menuActiveText !important;
+        filter: drop-shadow(0 0 6px rgba(102, 255, 204, 0.4));
       }
     }
 
     .el-breadcrumb__separator {
-      color: rgba(102, 255, 204, 0.4);
+      color: rgba(102, 255, 204, 0.5);
+    }
+  }
+
+  a {
+    color: #FFFFFF !important;
+    font-weight: 500;
+    text-shadow: 0 0 4px rgba(102, 255, 204, 0.3);
+
+    &:hover {
+      color: $menuActiveText !important;
+      filter: drop-shadow(0 0 6px rgba(102, 255, 204, 0.4));
     }
   }
 
   .no-redirect {
-    color: $menuText;
+    color: #FFFFFF !important;
     cursor: text;
     font-weight: 500;
+    text-shadow: 0 0 4px rgba(102, 255, 204, 0.3);
   }
 }
 </style>