Timeline 时间线

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

基础用法

Timeline 可拆分成多个按照时间戳正序或倒序排列的 activity，时间戳是其区分于其他控件的重要特征，使我们可以直观地看到任务的发展和变化。

颜色/节点样式

可根据活动状态配置不同的颜色、尺寸或空心节点。

交替布局 (Unique)

内容在时间轴两侧交替出现，适合展示较多内容。

设置 mode="alternate" 开启交替布局。

居中布局 (Unique)

所有内容居中对齐，适合强调时间流逝的场景。

设置 mode="center" 开启居中布局。

进场动画 (Unique)

支持按顺序播放进场动画，使时间线更具动感。

设置 animate 属性开启进场动画。

Timeline 属性

属性	说明	类型	默认值
reverse	是否倒序排列	boolean	false
mode	布局模式，可选值: left, alternate, center	string	left
animate	是否开启进场动画	boolean	false

Timeline Item 属性

属性	说明	类型	默认值
timestamp	时间戳	string	-
hide-timestamp	是否隐藏时间戳	boolean	false
placement	时间戳位置，可选值: top, bottom	string	bottom
type	节点类型，可选值: primary, success, warning, danger, info	string	-
color	节点颜色	string	-
size	节点尺寸，可选值: normal, large	string	normal
icon	节点图标	string / Component	-
hollow	是否为空心节点	boolean	false
center	是否居中对齐（覆盖父级 mode）	boolean	false

Timeline Item Slots

插槽名	说明
default	自定义内容
dot	自定义节点