vue-totop
v1.0.3
Published
vue 返回顶部插件
Downloads
5
Readme
vue-totop
vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等。
安装
npm install vue-totop -S
使用
注入
// ES6
import vueToTop from 'vue-totop'
//or requirevar 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 |