死亡是一座永恒的灯塔

0%

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

发表于 更新于 分类于 阅读次数： 95
本文字数： 572 阅读时长 ≈ 1 分钟

说明：要触发下拉刷新上拉加载事件，需要能够监听到事件才行 ,在需要实现下拉刷新上拉加载的页面配置对应页面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('--------上拉触底-------')
    }

});
复制
坚持技术分享，您的支持将鼓励我继续创作！