Skip to content

c-back-top 返回顶部

c-back-top 是一个可拖拽的返回顶部组件,基于 liu-drag-button 和 u-back-top 封装。

基础用法

vue
<template>
  <view>
    <view style="height: 2000px">页面内容</view>
    <c-back-top :oldScrollTop="scrollTop" bottom="190rpx"></c-back-top>
  </view>
</template>

<script>
export default {
  data() {
    return {
      scrollTop: 0
    }
  },
  onPageScroll(e) {
    this.scrollTop = e.scrollTop
  }
}
</script>

Props

参数说明类型默认值
oldScrollTop页面的滚动距离,需要在 onPageScroll 中获取并传入String/Number0
bottom距离底部的距离String'190rpx'

Events

事件名说明回调参数
toTop点击返回顶部时触发-