vue点击返回顶部插件v-totop

2018-11-22  本文已影响0人  vshare

vue-totop

vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等。

安装

npm install vue-totop -S

使用

注入

// ES6

import vueToTop from 'vue-totop'

//or require

var vueToTop = require('vue-totop')

Vue.use(vueToTop)

组件使用

<vueToTop></vueToTop>

参数

参数                  说明                                                         类型           可选值       默认值

type        按钮的类型,一共16种                                     number     0~15                0

top        滚动条离顶部多高时, 显示返回顶部按钮          number   大于0的整数     400

right       按钮右部定位位置                                              number   大于0的整数     30

bottom   按钮底部定位位置                                              number   大于0的整数      30

size       按钮大小                                                             number   大于0的整数      24

color     按钮颜色                                                             string       rgb/hex             '#666'

duration 返回顶部的间隔时间                                          number    大于0的整数      300


上一篇下一篇

猜你喜欢

热点阅读