onPageScroll获取距离顶部的距离
//滚动执行,获取顶部距离
onPageScroll((e) => {
// console.log('到顶部距离', e.scrollTop);
if (e.scrollTop > uni.getSystemInfoSync().windowHeight / 2) {
showTop.value = true
} else {
showTop.value = false
}
})
pageScrollTo回到顶部
//返回顶部
const goTop = () => {
uni.pageScrollTo({
scrollTop: 0,//到顶部的距离
duration: 300//动画
})
}
onPullDownRefresh下拉刷新
在pages.json里面的pages下面的页面里添加 "enablePullDownRefresh": true配置
// 下拉刷新
onPullDownRefresh(() => {
// console.log('下拉刷新');
Promise.all([getSwiper(), getNav(), getFoor()]).then(() => {
//都成功
uni.stopPullDownRefresh();//关闭下拉刷新
// console.log('关闭下拉刷新');
}).catch(() => {
//任意一个失败
uni.stopPullDownRefresh();//关闭下拉刷新
// console.log('关闭下拉刷新');
})
})
@scrolltolower 列表滚动底部执行
<rich-text></rich-text>解析dom
<open-data></open-data>//设置type值可以获取用户信息
打电话
<view @click="callSer" class="item icon-arrow">联系客服</view>
callSer() {
uni.makePhoneCall({
phoneNumber: "10086"
});
}
分享的是一个页面
<button class="item icon-arrow" open-type="share">分享优购</button>