Timeline 时间线

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

基础用法

Timeline 可拆分成多个按照时间戳排列的活动, 时间戳是其区分于其他控件的重要特征, 使用时注意与 Steps 步骤条等区分。

⾃定义节点样式

可根据实际场景⾃定义节点尺⼨、颜⾊,或直接使⽤图标。

⾃定义时间戳

当内容在垂直⽅向上过⾼时,可将时间戳置于内容之上。

垂直居中

垂直居中样式的 Timeline-Item

Timeline 插槽

插槽名说明子标签
自定义时间线内容Timeline-Item

Timeline-Item 属性

属性名说明类型可选值默认值
timestamp时间戳string
hide-timestamp是否隐藏时间戳booleanfalse
center是否垂直居中booleanfalse
placement时间戳位置stringtop / bottombottom
type节点类型stringprimary / success / warning / danger / info
color节点颜色stringhsl / hsv / hex / rgb
size节点尺寸stringnormal / largenormal
icon自定义图标string | Component
hollow是否空心点booleanfalse

Timeline-Item 插槽

插槽名说明
Timeline-Item 的内容
dot自定义节点

源代码

组件文档

贡献者