lanyun-time-line

lanyun-time-line 时间轴

介绍

时间轴组件一般用于展示用户物流信息,历史,生活等场景。

使用方法

import "../../components/lanyun-time-line/lanyun-time-line.stml";

例子

<lanyun-time-line
    :list="list"
    border-color="#D1D5DB"
    title-color="#333"
    desc-color="#999"
    time-color="#ccc"
/>

props 属性

参数 说明 类型 默认值
list 时间轴数据, 具体格式见demo, 选填 array []
border-color 时间轴颜色(包含点颜色), 选填 string #D1D5DB
title-color 标题文字颜色, 选填 string #1F2937
desc-color 描述文字颜色, 选填 string #6B7280
time-color 时间文字颜色, 选填 string #9CA3AF

events 事件

事件名 说明 回调参数
click 当某项被点击时触发 index: list中数据的索引下标