## Backtop 回到顶部

当页面内容冗长，需要快捷返回顶部时使用，一般放置在页面右下角位置。

#### 基本用法

```html
<template>
    <v-backtop></v-backtop>
</template>
<script>
    export default {

    }
</script>
```

#### 自定义定位距离

配置组件在屏幕的定位

```html
<template>
    <v-backtop
      :bottom="100"
      :right="50">
    </v-backtop>
</template>
<script>
    export default {

    }
</script>
```

#### 自定义按钮颜色

自定义组件的颜色

```html
<template>
    <v-backtop color="yellow"></v-backtop>
</template>
<script>
    export default {

    }
</script>
```

#### 自定义过渡时长
配置滚动动画持续时间，单位 毫秒
```html
<template>
    <v-backtop
      :duration="1000">
    </v-backtop>
</template>
<script>
    export default {

    }
</script>
```

### 属性

| 参数      | 说明    | 类型      | 可选值       | 默认值   |
|---------- |-------- |---------- |-------------  |-------- |
| bottom  | 组件距离底部的距离    | Number or String   |    | '60px' |
| right  | 组件距离右部的距离    | Number or String   |  | '40px' |
| duration  | 滚动动画持续时间，单位 毫秒    | Number or String   |  | 1000 |
| color  | 组件的颜色    |  String   |  |  |