From 84a8f6d966017e8bdca179dd494e4952f7f6daef Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 27 Nov 2024 14:36:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=B8=8B=E9=92=BB=E5=B1=82?=
 =?UTF-8?q?=E7=BA=A7=E9=97=B4=E7=AE=AD=E5=A4=B4=E9=A2=9C=E8=89=B2=E8=B7=9F?=
 =?UTF-8?q?=E9=9A=8F=E6=96=87=E5=AD=97=E8=AE=BE=E7=BD=AE=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=20#13589?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chart/components/views/components/DrillPath.vue    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue b/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue
index e1958bbc73..3e9e3a7dbb 100644
--- a/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/DrillPath.vue
@@ -67,10 +67,15 @@ const loadThemeStyle = () => {
     }
   }
 }
+const drillPathVar = computed(() => [{ '--drill-color': textColor.value }])
 </script>
 
 <template>
-  <div v-if="props.drillFilters && props.drillFilters.length > 0" class="drill">
+  <div
+    v-if="props.drillFilters && props.drillFilters.length > 0"
+    class="drill"
+    :style="drillPathVar"
+  >
     <el-breadcrumb :separator-icon="ArrowRight" class="drill-style">
       <el-breadcrumb-item class="drill-item" @click="drillJump(0)">
         <span :style="{ color: textColor }">{{ t('commons.all') }}</span>
@@ -110,5 +115,8 @@ const loadThemeStyle = () => {
   z-index: 1;
   height: 20px;
   padding: 0 16px;
+  ::v-deep(.ed-icon) {
+    color: var(--drill-color) !important;
+  }
 }
 </style>