vue-totop

vue-totop

vue-totop_第1张图片

vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等。github地址:https://github.com/1006008051/vue-totop,欢迎star。

vue-totop_第2张图片

安装

npm install vue-totop -S

使用

注入

// ES6
import vueToTop from 'vue-totop'
//or require
var vueToTop = require('vue-totop')

Vue.use(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

你可能感兴趣的:(vue)