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