fix: 修改步骤条样式，增强tag组件兼容性

2024-06-28 23:53:43 +08:00
parent 16c4e07a86
commit bd2d12551a
5 changed files with 31 additions and 7 deletions
--- a/src/components/steps/index.vue
+++ b/src/components/steps/index.vue
@@ -11,7 +11,12 @@
          :class="stepClass(index)"
          @click="handleStep(item.key, index)"

-      />
+      >
+        <template #icon>
+          <el-icon style="font-size: 20px;" :class="index == localActive ? 'is-active' : 'is-end'" v-if="localStepSuccess.includes(index)"><SuccessFilled /></el-icon>
+          <el-icon style="font-size: 20px; color: gray;" v-else><WarningFilled /></el-icon>
+        </template>
+      </el-step>
    </el-steps>
  </div>

@@ -311,4 +316,10 @@ watchEffect(() => {
 .step-error {
  cursor: not-allowed;
 }
+.is-active {
+  color: #BEA266;
+}
+.is-end {
+  color: #67c23a;
+}
 </style>