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>
相关推荐
广州华水科技1 天前
单北斗GNSS在桥梁形变监测中的应用与技术进展分析
前端
我讲个笑话你可别哭啊1 天前
鸿蒙ArkTS快速入门
前端·ts·arkts·鸿蒙·方舟开发框架
CherryLee_12101 天前
基于poplar-annotation前端插件封装文本标注组件及使用
前端·文本标注
特立独行的猫a1 天前
C++轻量级Web框架介绍与对比:Crow与httplib
开发语言·前端·c++·crow·httplib
周航宇JoeZhou1 天前
JB2-7-HTML
java·前端·容器·html·h5·标签·表单
代码小库1 天前
【课程作业必备】Web开发技术HTML静态网站模板 - 校园动漫社团主题完整源码
前端·html
珹洺1 天前
Bootstrap-HTML(二)深入探索容器,网格系统和排版
前端·css·bootstrap·html·dubbo
BillKu1 天前
VS Code HTML CSS Support 插件详解
前端·css·html
xixixin_1 天前
【React】中 Body 类限定法:优雅覆盖挂载到 body 的组件样式
前端·javascript·react.js
换日线°1 天前
NFC标签打开微信小程序
前端·微信小程序