Skip to content
CONTENTS

Timeline 时间线

垂直展示时间流信息。

基础用法

Timeline 可拆分成多个按照时间戳排列的活动, 时间戳是其区分于其他控件的重要特征。

⾃定义节点样式

可以⾃定义节点尺⼨、颜⾊,或直接使⽤图标。

自定义时间戳

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

垂直居中

使 Timeline-Item 垂直居中。

Timeline API

Timeline 插槽

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

Timeline-Item API

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
hollow节点是否隐藏booleanfalse

Timeline-Item 插槽

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

Released under the MIT License.