更新记录

1.0.0（2020-12-03） 下载此版本

1.0.0 实现测试版功能

平台兼容性

微信小程序、h5版已经测试过可以使用，App可以自己测试，应该也可以使用

使用方法

在template中引入

 <steps v-for="(item, index) in list" :item='item' :key="index"></steps>

在script中应用组件

import steps from '@/components/pretty-steps/pretty-steps.vue'
    export default {
        components: {
            steps
        },
        data() {
            return {
                list:[{
                    src:'https://tse1-mm.cn.bing.net/th?id=OIP.fq3C-Dodg9sC0xlCNuB4IQHaLH&w=120&h=160&c=8&rs=1&qlt=90&pid=3.1&rm=2',
                    name:'zzz',
                    activity: 1,
                    wrapperStatus:'发货中',
                    wrapperTitle:'xxxx',
                    index:1,
                    date:'2020-02-20'
                },{
                    src:'https://tse1-mm.cn.bing.net/th?id=OIP.fq3C-Dodg9sC0xlCNuB4IQHaLH&w=120&h=160&c=8&rs=1&qlt=90&pid=3.1&rm=2',
                    name:'zzz',
                    activity: 1,
                    wrapperStatus:'发货中',
                    wrapperTitle:'xxxx',
                    index:0,
                    date:'2020-02-20'
                }]
            }
        },
        methods: {

        }
    }

参数说明

index == 0 代表是进度的最后一条，不显示竖立线条

该插件的灵感来自https://ext.dcloud.net.cn/plugin?id=3573