美文网首页
vue点击返回顶部插件v-totop

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

作者: vshare | 来源:发表于2018-11-22 09:57 被阅读0次

    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


    相关文章

      网友评论

          本文标题:vue点击返回顶部插件v-totop

          本文链接:https://www.haomeiwen.com/subject/envkqqtx.html