当前位置:   article > 正文

小程序页面事件(下拉刷新和上拉触底)_上下拉刷新

上下拉刷新

一、下拉刷新事件

1.1. 什么是下拉刷新

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

1.2. 启用下拉刷新

enablePullDownRefresh

image.png

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

backgroundColor
backgroundTextStyle

image.png

1.4. 开启并关闭下拉刷新事件

image.png
image.png

在页面的.js 文件中,通过onPullDownRefresh()函数即可监听当前页面的下拉刷新事件
当处理完下拉刷新后,下拉刷新的 loading 效果会一直显示,不会主动消失,所以需要手动隐藏loading 效果。此时,调用 wx.stopPullDownRefresh()可以停止当前页面的下拉刷新。

二、上拉触底事件

2.1. 什么是上拉触底

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

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

image.png

2.3. 配置上拉触底距离

onReachBottomDistance

image.png

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/517178
推荐阅读
相关标签
  

闽ICP备14008679号