实现微信小程序下拉刷新功能

方法一：全局设置下拉刷新功能

     1、在app.json的"window"中进行配置

        （1）把"backgroundTextStyle":“light"改为"backgroundTextStyle”:“dark”
        （2）添加"enablePullDownRefresh":true，开启下拉刷新。

      2、在app.js中增加两个生命周期函数

onPullDownRefresh:function(){
    this.onRefresh();
  },
onRefresh:function(){
    //导航条加载动画
    wx.showNavigationBarLoading();
    setTimeout(function () {
      wx.hideNavigationBarLoading();
      //停止下拉刷新
      wx.stopPullDownRefresh();
    }, 2000);
  },

 方法一：全局设置下拉刷新功能

        1、在需要设置下拉刷新功能页面的 jons 文件夹中配置  "enablePullDownRefresh":true

{
  "navigationBarTitleText": "查看启动日志",
  "enablePullDownRefresh":true
}

         2、在需要设置下拉刷新功能页面 js 文件中写一个 onRefresh() 生命周期

onRefresh:function(){
    //导航条加载动画
    wx.showNavigationBarLoading()
    //loading 提示框
    wx.showLoading({
      title: '刷新中...',
    })
    console.log("下拉刷新啦");
    setTimeout(function () {
      wx.hideLoading();
      wx.hideNavigationBarLoading();
      //停止下拉刷新
      wx.stopPullDownRefresh();
    }, 2000)
  },

       3、在需要设置下拉刷新功能页面 js 文件中添加 onPullDownRefresh() 调用上面写的函数

onPullDownRefresh:function(){
    this.onRefresh();
  },

       4、将需要刷新加载的方法放入 onRefresh() 生命周期内即可