TimeLine
TimeLine
属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
line-position | String | left | 否 | 指定轴位置,可选值: left,right,center,top,bottom
|
line-style | String | solid | 否 | 设置线条样式,可选值: solid,dotted,dashed
|
direction | String | vertical | 否 | 指定轴的方向,可选值: horizon,vertical
|
line-offset | String | 0 | 否 | 轴相对axios-position 所在边的偏移量(计划中) |
time-aside | Boolean | false | 否 | 是否将时间放置在一侧(相对内容的另一侧) |
show-endline | Boolean | false | 否 | 是否显示最后一项的线段 |
node-shape | String | circle | 否 | 节点的形状,可选值: circle, rect
|
fill-node | Boolean | false | 否 | 是否填充节点背景 |
direction=vertical
时,line-position
可取值为center,top,bottom
direction=horizon
时,line-position
可取值为center,left,right
direction=horizon
属于计划中功能
TimelineItem
属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
node | String | - | 否 | 项的节点文本 |
title | String | - | 否 | 项的标题 |
content | String | - | 否 | 项的内容 |
插槽
名称 | 参数 | 描述 |
---|---|---|
default | - | 项内容 |
title | - | 项标题 |
node | - | 项节点 |
需要注意的是,在指定了 default
插槽时,设置属性 title
将被忽略。
同时,内容区域也不会渲染任何样式。