關於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