Appearance
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/Number | 0 |
| bottom | 距离底部的距离 | String | '190rpx' |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| toTop | 点击返回顶部时触发 | - |