dongjunchuan/de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 下钻层级间箭头颜色跟随文字设置颜色 #13589

Browse Source
This commit is contained in:
wangjiahao 2024-11-27 14:36:29 +08:00
parent 2ede1c7f9f
commit 84a8f6d966
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/core-frontend/src/views/chart/components/views/components/DrillPath.vue
View File

@ -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>