美文网首页
页面事件-下拉刷新&上拉触底(微信小程序学习day15)

页面事件-下拉刷新&上拉触底(微信小程序学习day15)

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-12-05 14:16 被阅读0次

一、下拉刷新事件

1.1. 什么是下拉刷新

下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。

1.2. 启用下拉刷新

enablePullDownRefresh

image.png

1.3. 配置下拉刷新窗口的样式

backgroundColor
backgroundTextStyle

image.png

1.4. 监听页面的下拉刷新事件

onPullDownRefresh

在页面的.js 文件中,通过onPullDownRefresh()函数即可监听当前页面的下拉刷新事件

image.png

1.5. 停止下拉刷新的效果

当处理完下拉刷新后,下拉刷新的 loading 效果会一直显示,不会主动消失,所以需要手动隐藏loading 效果。此时,调用 wx.stopPullDownRefresh()可以停止当前页面的下拉刷新。示例:

image.png

二、上拉触底事件

2.1. 什么是上拉触底

上拉触底是移动端的专有名词,通过手指在屏幕上的上拉滑动操作,从而加载更多数据的行为。

image.png

2.2. 页面监听上拉触底事件

image.png

2.3. 配置上拉触底距离

onReachBottomDistance

image.png

相关文章

网友评论

      本文标题:页面事件-下拉刷新&上拉触底(微信小程序学习day15)

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