关于vant-steps中使用自定义图片的方法

<van-steps direction="vertical" active-color="#646566" inactive-color="#646566">
   <van-step v-for="(item,index) in processList" :key="index">
      <template #active-icon>
         <img class="circle" src="../../admin/img/circle.png" alt="">
     </template>
      <template #inactive-icon>
         <img class="circle" src="../../admin/img/circle.png" alt="">
      </template>
      <h3 class="modfile-name">{{item.modpeople}} {{formatTime.formatTime(item.modtime)}}</h3>
      <p>修改项目:{{item.fielddescription}}</p>
      <p>修改前:<span class="modfile">{{item.fieldvalueold}}</span></p>
      <p>修改后:<span class="modfile">{{item.fieldvaluenew}}</span></p>
  </van-step>
</van-steps>

注:由于公司的需求是用UI画的图,这个步骤条有一个活跃和不活跃状态,但是我这里的需求是不区分是否活跃,所以两者的状态我都给了相同的颜色和图片。大家要注意咯。

 
posted @ 2021-09-15 17:41  奋发的小小小前端  阅读(1026)  评论(0)    收藏  举报