From 13f102240d9c0c9d5a133fb093551f2e08d7c55c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期五, 19 一月 2024 16:47:41 +0800
Subject: [PATCH] ie不支持es6的问题，安装插件，配置
---
src/views/dashboard/components/TaskStep.vue | 13 ++++++-------
1 files changed, 6 insertions(+), 7 deletions(-)
diff --git a/src/views/dashboard/components/TaskStep.vue b/src/views/dashboard/components/TaskStep.vue
index bdbe0d0..8db65b7 100644
--- a/src/views/dashboard/components/TaskStep.vue
+++ b/src/views/dashboard/components/TaskStep.vue
@@ -8,13 +8,13 @@
class="task-step-item"
:style="{ 'flex-basis': flexBasis }"
>
- <el-icon v-if="index + 1 < active" class="icon" size="22" color="#01f304"><CircleCheck /></el-icon>
+ <el-icon v-if="index < active" class="icon" size="22" color="#01f304"><CircleCheck /></el-icon>
- <el-icon v-if="index + 1 === active" class="icon" size="22" color="#c25915">
+ <el-icon v-if="index === active" class="icon" size="22" color="#c25915">
<Clock />
</el-icon>
- <el-icon v-if="index + 1 > active" class="icon" size="22" color="#7d7f83"><Clock /></el-icon>
- <span class="text" :class="{ green: index + 1 < active, red: index + 1 === active, gray: index + 1 > active }">
+ <el-icon v-if="index > active" class="icon" size="22" color="#7d7f83"><Clock /></el-icon>
+ <span class="text" :class="{ green: index < active, red: index === active, gray: index > active }">
{{ item }}
</span>
<span class="line"></span>
@@ -42,7 +42,7 @@
return '0'
})
-const activeItemRef = ref<(typeof HTMLDivElement)[]>()
+const activeItemRef = ref<HTMLDivElement[]>()
const scrollerRef = ref<typeof ElScrollbar>()
onMounted(() => {
@@ -50,8 +50,7 @@
() => [props.steps, activeItemRef.value, scrollerRef.value],
() => {
if (props.steps.length > 0 && activeItemRef.value?.length && scrollerRef?.value) {
- console.log(scrollerRef?.value)
- const left = props.active - 1 >= 0 ? activeItemRef.value[props.active - 1]?.offsetLeft ?? 20 : 20
+ const left = props.active >= 0 ? activeItemRef.value[props.active]?.offsetLeft ?? 20 : 20
requestAnimationFrame(() => {
scrollerRef?.value?.setScrollLeft?.(left - 20)
})
--
Gitblit v1.8.0