@hyjiacan/vue-timeline

1.0.2 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i @hyjiacan/vue-timeline

Weekly Downloads

2

Version

1.0.2

License

MIT

Unpacked Size

368 kB

Total Files

14

Last publish

Collaborators

  • hyjiacan