<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畫的圖,這個步驟條有一個活躍和不活躍狀態,但是我這里的需求是不區分是否活躍,所以兩者的狀態我都給了相同的顏色和圖片。大家要注意咯。