Timeline 时间轴

代码演示

API

Timeline Attributes

参数 说明 类型 可选值 默认值 Version
current-node 当前被激活的节点 v2.0.0
position 时间线的位置 String 'left' | 'right' 'left'
placement * 同position String 'left' | 'right' v2.0.0

Timeline-Item Attributes

参数 说明 类型 可选值 默认值 Version
hide-timestamp 是否隐藏时间戳 Boolean false v2.0.0
index 时间节点index(设置current-node时必填项) v2.0.0
time 时间戳文本 String
timestamp * 同time String v2.0.0
title 标题内容 String
type 节点类型 String 'default' | 'primary' | 'success' | 'warning' | 'info' | 'error' 'default' v2.0.0
node-size 节点大小(默认为10px, 用于自定义节点时绝对居中) String
size * 同node-size String v2.0.0

Timeline Slot

name 说明 Version
时间节点内容

Timeline-Item Slot

name 说明 Version
node 自定义节点 (默认为圆圈)
dot * 同node v2.0.0
content 描述内容 v2.0.0
节点信息 v2.0.0

Events

参数 说明 回调参数 Version
node-click 点击时间节点时的回调函数(节点必须设置唯一的index值否则无效) (在v2.0.0版本被废弃) 当前被激活节点的index值
node-actived 激活时间节点时的回调函数(节点必须设置唯一的index值否则无效) 当前被激活节点的index值

贡献者

类型 参与者
设计者 UED视觉组
维护者 UED前端组
上次更新: 7/28/2021, 9:46:32 AM