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>
相关推荐
雮尘8 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
icebreaker8 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker8 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n8 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
喝咖啡的女孩8 小时前
浏览器前端指南
前端
wuhen_n8 小时前
AST转换:静态提升与补丁标志
前端·javascript·vue.js
喝咖啡的女孩8 小时前
浏览器前端指南-2
前端
cxxcode8 小时前
从 V8 引擎视角理解微任务与宏任务
前端
destinying9 小时前
性能优化之实战指南:让你的 Vue 应⽤跑得飞起
前端·javascript·vue.js
徐小夕10 小时前
JitWord Office预览引擎:如何用Vue3+Node.js打造丝滑的PDF/Excel/PPT嵌入方案
前端·vue.js·github