2024-06-26 element ui 的step 图标被替

image.png

<el-steps :space="340" :active="1"  :align-center="true" :center="true">
  <el-step title="我的购物车"><i class="step01" slot="icon"></i></el-step>
  <el-step title="核对订单信息"><i class="step02" slot="icon"></i></el-step>
  <el-step title="成功提交订单"><i class="step03" slot="icon"></i></el-step>
  <el-step title="待发货"><i class="step04" slot="icon"></i></el-step>
</el-steps

.step01,.step02,.step03,.step04{ width:24px; height:24px; display: inline-block;background-repeat: no-repeat;background-image: url("../assets/images/shopcard/step01.png");}
.step02{background-image: url("../assets/images/shopcard/step02.png");}
.step03{background-image: url("../assets/images/shopcard/step03.png");}
.step04{background-image: url("../assets/images/shopcard/step04.png");}
.shopCard_step .el-step__head.is-text{    border-style: hidden;background-color:transparent !important;}
.shopCard_step .el-step__head.is-text.is-finish .step02{background-image: url("../assets/images/shopcard/step02H.png");}
.shopCard_step .el-step__head.is-text.is-finish .step03{background-image: url("../assets/images/shopcard/step03H.png");}
.shopCard_step .el-step__head.is-text.is-finish .step04{background-image: url("../assets/images/shopcard/step04H.png");}

image.png