更新记录

1.0.2（2023-11-17） 下载此版本

style: dot样式微调

1.0.1（2023-11-06） 下载此版本

文档参数更正

1.0.0（2023-11-06） 下载此版本

首次发布

平台兼容性

zero-timeline

一. 插件说明

个人仅测试与vue2,vue3,微信小程序，其他平台请自行测试

二. 使用方法

符合easycom组件模式, 导入 uni_modules 后直接使用即可

<template>
    <view class="container">
        <view class="wrap">
            <zero-timeline :dataList='dataList' gap='30px'></zero-timeline>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                dataList:[]
            }
        },
        created(){
            this.init()
        },
        methods: {
            init(){
                for(let i=0;i<10;i++){
                    const obj = {
                        // time: `2023-11-1${i}`,
                        title: `feat:这是标题${i}`,
                        content: `完成功能完成功能完成功能完成功能`,
                        sub: `补充内容`,
                        leftTime:`2023-11-1${i}`,
                        leftTitle: `11月1${i}日`,
                        leftContent: `开始\n|\n结束`,
                        color: '#11998e',
                    }
                    this.dataList.push(obj)
                }
            }
        }
    }
</script>

三. 参数说明

dataList参数说明

以下dataList参数均为非必填,根据需求自由组合即可

插件预览:

小程序搜索: zerojs 零技术

预览的小程序不一定能及时更新当前插件