关于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画的图,这个步骤条有一个活跃和不活跃状态,但是我这里的需求是不区分是否活跃,所以两者的状态我都给了相同的颜色和图片。大家要注意咯。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM