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

1.下拉刷新

在需要的页面:

json:

"enablePullDownRefresh": true,
"backgroundTextStyle": "dark", // 刷新的点的颜色

js:


/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
  wx.showNavigationBarLoading() //在标题栏中显示加载


  setTimeout(function () {
    wx.hideNavigationBarLoading() //完成停止加载
    wx.stopPullDownRefresh() //停止下拉刷新
  }, 600); //毫秒设置延迟

// 接口内容在下面

...


},


2.上拉加载

/**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
      (this.data.page)++;   // data中默认page=1
      // 下面写接口
        ...


  },