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>
相关推荐
css趣多多7 分钟前
案例自定义tabBar
前端
林的快手2 小时前
CSS列表属性
前端·javascript·css·ajax·firefox·html5·safari
匹马夕阳2 小时前
ECharts极简入门
前端·信息可视化·echarts
API_technology2 小时前
电商API安全防护:JWT令牌与XSS防御实战
前端·安全·xss
yqcoder2 小时前
Express + MongoDB 实现在筛选时间段中用户名的模糊查询
java·前端·javascript
十八朵郁金香3 小时前
通俗易懂的DOM1级标准介绍
开发语言·前端·javascript
计算机-秋大田3 小时前
基于Spring Boot的兴顺物流管理系统设计与实现(LW+源码+讲解)
java·vue.js·spring boot·后端·spring·课程设计
m0_528723814 小时前
HTML中,title和h1标签的区别是什么?
前端·html
Dark_programmer4 小时前
html - - - - - modal弹窗出现时,页面怎么能限制滚动
前端·html
GDAL4 小时前
HTML Canvas clip 深入全面讲解
前端·javascript·canvas