# vue-timeline

**Repository Path**: zero049/vue-timeline

## Basic Information

- **Project Name**: vue-timeline
- **Description**: 时间轴组件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://hyjiacan.gitee.io/vue-timeline
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2021-08-02
- **Last Updated**: 2021-08-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

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