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 中数据的索引下标 |