@hyjiacan/vue-timeline
v1.0.2
Published
Timeline component for Vue2
Downloads
2
Readme
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
将被忽略。
同时,内容区域也不会渲染任何样式。