@hyjiacan/vue-timeline NPM

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 将被忽略。同时，内容区域也不会渲染任何样式。

vue timeline

1.0.2

5 years ago