更新记录

1.0.5（2023-04-27） 下载此版本

图标点击事件处理，demo调整。

1.0.4（2021-10-29） 下载此版本

支持自定义图标

1.0.3（2021-10-29） 下载此版本

上传示例工程

平台兼容性

rxl-timeline 时间线

可视化地呈现时间流信息。

因为目前没有多端需求，所以多端兼容没有测试，目前在web和微信小程序上使用。 代码简单易扩展，各位可按需求自行调整。希望能帮到大家

应用

使用uni_modules导入 由rxl-timeline和rxl-timeline-itme组成

<rxl-timeline>
    <rxl-timeline-item timestamp="2021-02-12" title="标题" desc="描述" :size="15">
    </rxl-timeline-item>
    <rxl-timeline-item timestamp="2021-02-17" :size="20" :showTail="false" color="red">
        <template #body>
            <view style="color:#555555">自定义内容</view>
        </template>
    </rxl-timeline-item>
</rxl-timeline>

属性说明

插槽说明

开发者使用 rxl-timeline-itme 时，支持向 rxl-timeline-itme 里插入自定义内容。

<rxl-timeline-item>
    <template #body>
        <view>自定义内容</view>
    </template>
</rxl-timeline-item>

<rxl-timeline-item :size="24">
    <template #icon>
        <icon type="success" :size='24'/>
    </template>
</rxl-timeline-item>

事件说明

    <rxl-timeline-item 
        @onTimeClick="timeClick"
        @onIconClick="iconClick" 
        @onBodyClick="bodyClick">
    </rxl-timeline-item>