vue點擊返回頂部插件vue-totop

vue-totop

 

vue 點擊返回頂部插件，能夠根據參數設定按鈕大小，顏色，類型，返回頂部的時間等。github地址:https://github.com/1006008051/vue-totop，歡迎star。

 

 

安裝
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	string	rgb/hex	‘#666’
duration	返回頂部的間隔時間	number	大於0的整數	300