死亡是一座永恒的灯塔

0%

微信小程序上拉加载和下拉刷新

说明:要触发下拉刷新上拉加载事件,需要能够监听到事件才行 ,在需要实现下拉刷新上拉加载的页面配置对应页面xxx.json文件或者更改全局的app.json文件.

更改页面配置xxx.json文件

页面配置xxx.json文件中添加以下字段

1
2
3
4
5
{
"enablePullDownRefresh":true,//是否开启下拉刷新
"backgroundTextStyle":"dark",//下拉背景字体、loading 图的样式,仅支持 dark/light,默认light不可见
"onReachBottomDistance": 50//页面上拉触底事件触发时距页面底部距离,单位为px
}

自定义上拉记载触发的函数

1
2
3
4
5
6
7
8
9
10
11
12
13
Page({
data: {
},
onReachBottom: function() {
wx.showToast({
title: '上拉触底',
icon: 'success',
duration: 2000
});
console.log('--------上拉触底-------')
}

});
坚持技术分享,您的支持将鼓励我继续创作!