Timeline 时间线
可视化地呈现时间流信息。
基础用法
时间线可用于标记一系列活动。 时间戳是区别于其他组件的重要特征。 注意与 Steps 步骤条组件的区别。
自定义节点
可根据实际场景自定义节点尺寸、颜色，或直接使用图标。
自定义时间戳
当内容在垂直方向上过高时，可将时间戳置于内容之上。
垂直居中
Timeline-Item 垂直居中。
倒序 2.11.9
使用 reverse 属性来控制节点的顺序。
Timeline API
Timeline 属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| reverse 2.11.9 | 是否倒序排序 | boolean | false |
Timeline 插槽
| 名称 | 描述 | 子标签 |
|---|---|---|
| default | 自定义时间轴的默认内容 | Timeline-Item |
Timeline-Item API
Timeline-Item 属性
| 名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| 时间戳 | 时间戳内容 | string | '' |
| 隐藏时间戳 | 是否显示时间戳 | boolean | false |
| 居中 | 是否垂直居中 | boolean | false |
| placement | 时间戳位置 | 枚举 | bottom |
| type | 节点类型 | 枚举 | '' |
| color | 节点背景色 | 枚举 | '' |
| size | 节点尺寸 | 枚举 | 常规 |
| icon | 图标组件 | string / Component | — |
| 镂空 | 图标是镂空的 | boolean | false |
Timeline-Item 插槽
| 名称 | 描述 |
|---|---|
| default | 自定义时间轴项目的默认内容 |
| dot | 自定义时间轴项目的节点 |
来源
贡献者
