更新记录
1.0.0(2020-06-11) 下载此版本
- 首次发布
平台兼容性
一款简单的返回顶部小组件
根据监听页面滚动距离来判断是否现在组件,组件使用了悬浮按钮和淡入淡出动画
使用方法
<!-- 返回到顶部 -->
<template>
<view class="page">
<view class="" v-for="item in 105" :key="item">
<text>{{item}}</text>
</view>
<my-fab-top :scrollTop="scrollTop"></my-fab-top>
</view>
</template>
<script>
export default {
data() {
return {
scrollTop:0
}
},
onLoad() {
},
//监听页面滚动
onPageScroll(res){
this.scrollTop=res.scrollTop
},
methods: {
}
}
</script>
<style scoped>
</style>