# Timeline 组件

## 介绍

时间线,配合 TimelineItem 组件实现时间线功能

## 引入

```js
import { Vue } from "vue";
import { Timeline, TimelineItem } from "@bingoit/mobile-ui";

Vue.use(Timeline);
Vue.use(TimelineItem);
```

## 代码演示

### 基础用法

```html
<bgo-timeline :current="1">
    <bgo-timeline-item timestamp="2020-10-1">
        content goes here
    </bgo-timeline-item>
    <bgo-timeline-item timestamp="2020-10-2">
        content goes here
    </bgo-timeline-item>
    <bgo-timeline-item timestamp="2020-10-3">
        content goes here
    </bgo-timeline-item>
</bgo-timeline>
```

## API

### Props

| 名称    | 说明                       | 类型     | 可选值 | 默认值 |
| ------- | -------------------------- | -------- | ------ | ------ |
| current | 当前激活的时间线 Item 索引 | _number_ | -      | 0      |

### Slots

| 名称    | 说明       |
| ------- | ---------- |
| default | 时间线内容 |