elementUI 步骤条改为虚线，且点击切换

程序员文章站 2022-03-04 10:57:32

...

效果图： elementUI 步骤条改为虚线，且点击切换

<el-steps :active="activeIndex" align-center finish-status="wait">
  <el-step
    v-for="(item, index) in bzt_value"
    :key="item.id"
    :title="item.name"
    icon="iconfont iconyuandian"
    @click.native="dianji_bzt(index, item.process_type)"
  ></el-step>
</el-steps>

<style>
.el-step.is-horizontal .el-step__line{
    border-top: 2px dashed #CCD1DE;
    height: 0;
    background-color: transparent;
}
</style>