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 |
---|---|---|---|
点击时间节点时的回调函数(节点必须设置唯一的index值否则无效) (在v2.0.0版本被废弃) | 当前被激活节点的index值 | ||
node-actived | 激活时间节点时的回调函数(节点必须设置唯一的index值否则无效) | 当前被激活节点的index值 |
贡献者
类型 | 参与者 |
---|---|
设计者 | UED视觉组 |
维护者 | UED前端组 |