## Timeline 时间轴 ------------------- 对一系列信息进行时间排序时，垂直地展示。 ### 基础用法 最简单定义一个时间轴的用法。 :::demo ```html

1976年

Apple I 问世

1984年

发布 Macintosh

2007年

发布 iPhone

2010年

发布 iPad

2011年10月5日

史蒂夫·乔布斯去世

 ``` ::: ### 圆圈颜色 用各种颜色来标识不同状态，可以使用green、red、blue或自定义的颜色，默认是 blue 。 :::demo ```html 发布1.0版本 发布2.0版本 严重故障 发布3.0版本 ``` ::: ### 幽灵节点 通过添加`pending`属性来标记最后一个为幽灵节点，标识还未完成。 :::demo ```html 发布1.0版本 发布2.0版本 发布3.0版本 幽灵节点倒序 ``` ::: ### 自定义事件轴点 接受一个 slot 来自定义轴点的内容，比如一个图标。 :::demo ```html 发布里程碑版本 发布1.0版本 发布2.0版本 发布3.0版本 ``` ::: ### Timeline props | 属性 | 说明 | 类型 | 默认值 | |------------- |---------------- |---------------|-------- | | pending | 指定最后一个幽灵节点是否存在，存在时传入其要显示的内容 | Boolean/String | false | | reverse | 幽灵节点的位置，在开始/末尾，默认在默认位置 | Boolean | false | ### TimelineItem props | 属性 | 说明 | 类型 | 默认值 | |------------- |---------------- |---------------|-------- | | color | 圆圈颜色，可选值为`blue`、`red`、`green`，或自定义色值 | String | blue | ### TimelineItem solt | 名称 | 说明 |------------- |---------------- | dot | 自定义轴点内容 | 无 | 基本内容