时间线
v-timeline 对于显示时间顺序信息非常有用。
API
| 组件 | 描述 |
|---|---|
| v-timeline | 主要组件 |
| v-timeline-item | 用于显示单个时间轴项目的子组件 |
示例
属性
布局
可以使用 direction 属性来实时切换水平方向或者垂直方向的时间线。
方向
使用 side 属性可以强制所有项目都在时间线的同一个方向。
对齐
默认情况下，圆点的位置对齐 v-timeline-item 的中间，值为 center。你可以把 align 属性修改为 top 使它对齐内容的头部。
圆点颜色
有颜色的圆点可以创建可见的差异，让用户更容易理解你的时间线的含义。
图标圆点
在 v-timeline-item 的圆点内使用图标来提供额外的上下文。
大小
size 属性允许你自定义圆点的大小。
截断时间线
通过使用 truncate-line 属性，可以截断时间轴中心线的起始、结束或两端。
时间线缩进
通过使用 line-inset 属性来指定自定义量，修改分隔线的缩进。
插槽
图标
使用 icon 插槽和 v-avatar 组件在时间线的点上显示头像。
对面
opposite 插槽在时间线内容的另一边提供额外的自定义区域。