vant steps流程图的图标使用slot自定义方式

<!-- <template #finish-icon> -->
<step>
    <template v-slot:inactive-icon>Custim Inactive Icon</template>
    A
</step>
<step>
    <template v-slot:active-icon>Custim Active Icon</template>
    B
</step>
<step>
    <template v-slot:inactive-icon>Custim Inactive Icon</template>
    C
</step>

<!-- 目前流程图只支持从上到下且只有三种状态，可以把流程线的颜色给去了，然后反转成功和失败图标
    并根据状态分别设置流程中图标 -->
<div slot="finish-icon"><van-icon name="clock" size="20" color="#D2D2D2"/></div>
<div slot="active-icon"><van-icon name="more" size="20" color="#DF3031"/></div>
<div slot="inactive-icon" v-if="isCureent"><van-icon name="checked" size="20" color="#3677F2"/></div>
<div slot="inactive-icon" v-else><van-icon name="clear" size="20" color="#DF3031"/></div>

<van-steps direction="vertical" :active="active">
            <!--这里使用循环-->
            <van-step>
                <template #inactive-icon>
                    <div class="flag icon"></div>
                </template>
                <template #active-icon>
                    <div class="flag icon"></div>
                </template>
                <template #finish-icon>
                    <div class="flag icon"></div>
                </template>
                <div class="stepItem">
                    <div class="fl">
                        <span class="time">2021-01-19 17:30</span>
                        <span class="tag" :class="classMap['daiqueren']">待确认</span>
                    </div>
                    <p>发起人: Judy</p>
                    <p>备  注: 发起流程</p>
                </div>
            </van-step>
        </van-steps>