Vue+ElementUI el-steps 完成后不使用对勾,一直用数字来显示进度条

1、效果图

2、代码部分--去掉 finish-status="success"

html 复制代码
<el-steps :active="activeStep" finish-status="success" process-status="process">
  <el-step v-for="(item, index) in steps" :key="index" :title="item.title" :class="index+1 == activeStep?'isCurrent':''">
    <template slot="icon">
      <div class="custom-step-icon">
        <span class="step-num"> {{ item.number }}</span>
      </div>
    </template>
  </el-step>
</el-steps>
相关推荐
UIUV32 分钟前
模块化CSS学习笔记:从作用域问题到实战解决方案
前端·javascript·react.js
aoi33 分钟前
解决 Vue 2 大数据量表单首次交互卡顿 10s 的性能问题
前端·vue.js
Kakarotto33 分钟前
使用ThreeJS绘制东方明珠塔模型
前端·javascript·vue.js
幽络源小助理33 分钟前
springboot校园车辆管理系统源码 – SpringBoot+Vue项目免费下载 | 幽络源
vue.js·spring boot·后端
donecoding35 分钟前
TypeScript `satisfies` 的核心价值:两个例子讲清楚
前端·javascript
德育处主任35 分钟前
『NAS』在群晖部署一个文件加密工具-hat.sh
前端·算法·docker
cup11337 分钟前
【原生 JS】支持加密的浏览器端 BYOK AI SDK,助力 Vibe Coding
前端
用户120391129472640 分钟前
使用 Tailwind CSS 构建现代登录页面:从 Vite 配置到 React 交互细节
前端·javascript·react.js
杨进军40 分钟前
模拟 Taro 实现编译多端样式文件
前端·taro
幽络源小助理1 小时前
SpringBoot+Vue车票管理系统源码下载 – 幽络源免费项目实战代码
vue.js·spring boot·后端