微信小程序 下拉加载

如图

官方文档

json 如果所有页面需要下拉加载 enablePullDownRefresh 写在app.json 如果是单个页面下拉加载写在对应的json

{
  "navigationBarTitleText": "练习",
  "onReachBottomDistance": "50",
  "enablePullDownRefresh": true,
  "backgroundColor": "#7ecffd"
}

wxml

<view class='blue'></view>

wxss

.blue{
  background: #7ecffd;
  width: 100%;
  /* border-top: 1rpx solid #efefef; */
  height: 500rpx;
}

js

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  //-----------  下拉刷新 -----------
  onPullDownRefresh: function () {
    wx.showToast({
      title: '加载中',
      icon: 'loading',
      duration: 1000
    })
    setTimeout(() => {
      wx.stopPullDownRefresh()
    }, 1000);
  }