ant-design-vue

1.8 KiB

Raw Blame History

category	type	title	subtitle	cover
Components	数据展示	Timeline	时间轴	https://gw.alipayobjects.com/zos/antfincdn/vJmo00mmgR/Timeline.svg

垂直展示的时间流信息。

何时使用

当有一系列信息需按时间排列时，可正序和倒序。
需要有一条时间轴进行视觉上的串联时。

API

<a-timeline>
  <a-timeline-item>创建服务现场 2015-09-01</a-timeline-item>
  <a-timeline-item>初步排除网络异常 2015-09-01</a-timeline-item>
  <a-timeline-item>技术测试异常 2015-09-01</a-timeline-item>
  <a-timeline-item>网络异常正在修复 2015-09-01</a-timeline-item>
</a-timeline>

Timeline

时间轴。

参数	说明	类型	默认值
pending	指定最后一个幽灵节点是否存在或内容	boolean\|string\|slot	false
pendingDot	当最后一个幽灵节点存在時，指定其时间图点	string\|slot	`<LoadingOutlined />`
reverse	节点排序	boolean	false
mode	通过设置 `mode` 可以改变时间轴和内容的相对位置	`left` \| `alternate` \| `right`

Timeline.Item

时间轴的每一个节点。

参数	说明	类型	默认值	版本
color	指定圆圈颜色 `blue, red, green`，或自定义的色值	string	blue
dot	自定义时间轴点	string\|slot	-
position	自定义节点位置	`left` \| `right`	-
label	设置标签	string \| slot	-	3.0

1.8 KiB Raw Blame History

何时使用

API

Timeline

Timeline.Item

1.8 KiB

Raw Blame History