更新记录

1.0.0（2020-09-11） 下载此版本

时间线

平台兼容性

uni-app

简单的时间线

示例代码

<template>
    <view class="container">
        <view class="">
            <step-list :stepList="stepData" @clickEvent="listClick"></step-list>
        </view>
    </view>
</template>
<script>
    import stepList from "../../components/step-list/index.vue"
    export default {
        data() {
            return {
                title: 'Hello',
                stepData:[
                    {
                        time: '2020-6-24',
                        AllPrice: '50000000(已结清)',
                        returnMoney: '500000',
                        orderFenMoney:'500000',
                        isTrue: true
                    },
                    {
                        time: '2020-7-24',
                        AllPrice: '50000000(未结清)',
                        returnMoney: '500000',
                        orderFenMoney:'500000',
                        isTrue: false
                    },
                    {
                        time: '2020-7-24',
                        AllPrice: '50000000(未结清)',
                        returnMoney: '500000',
                        orderFenMoney:'500000',
                        isTrue: false
                    },
                ]
            }
        },
        components:{
            stepList
        },
        onLoad() {

        },
        methods: {
            listClick(e){
                console.log('您点击了',e)
            }
        }
    }
</script>

使用说明

事件