小程序上拉加载最多

const app = getApp()
// pages/dingdan/dingdan.js
Page({

  /**
   * 页面的初始数据
   */
  data: {  
    // 初次加载的数组
    page:0,
    usershiyonglist:[],
    shiyong:false,

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    that.onReachBottom();

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    console.log('用户uid', wx.getStorageSync('uid'))
    // 获取用户信息
    console.log('保存用户信息到本地', wx.getStorageSync('userdata'))

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    //上拉加载
    wx.showLoading({
      title: '正在加载',
    })

    var that = this
    //加载次数加一
    this.setData({
      page: this.data.page + 1
    })

    wx.request({
      url: app.globalData.surl + '/web/api/bedpclist?',
      method: 'post',
      dataType: 'json',
      data: {
        uid: 7063,
        cpid: 1,
        page: that.data.page,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: (res) => {
        console.log('使用记录页面2', res)
        let userjilu = this.data.usershiyonglist
        let userjilu2 = res.data.data.data
        // console.log('userjilu2', userjilu2)

        if (userjilu2 !== '0') {
          userjilu = userjilu.concat(userjilu2)
          this.setData({
            usershiyonglist: userjilu,
            shiyong:false
          })

        } else {
          wx.showLoading({
            title: '没有更多数据...',
          })
        }
        setTimeout(function () {
          wx.hideLoading()
        }, 1000)

      }

    })

 
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

<view wx:for='{{usershiyonglist}}'wx:key="index">
<view style="padding:25px;background-color:white;margin:8px;">
<view style="display:inline-block;width:20rpx;"></view>
<view style="width:195px;display:inline-block;">床号:<text style="font-size:10px"> {{item.name}}</text></view>
<view style="display:inline-block;" wx:if='{{item.ispay==0}}'><view style="color:#fff;background-color:#ffab40;font-size:10px;width:65px;height:30px;line-height:30px;text-align:center;border-radius:5%">立即支付</view></view>
   <view style="display:inline-block;"wx:else>订单状态:已支付</view>
   <view style="border-bottom:3rpx solid #ccc;margin:0 40rpx;"></view>
<view>
     <view style="border: 2px solid #00CC33;background-color:#00CC33;margin:2px;display:inline-block; border-radius: 30px;width: 5px;height:5px;">
     </view> 开始: <text style="font-size:10px">{{item.start_time?item.start_time:'未计时'}}</text>            
</view>


<view>
     <view style="border: 2px solid #777777;background-color:#777777;margin:2px;display:inline-block; border-radius: 30px;width: 5px;height:5px;">
     </view> 结束: <text style="font-size:10px">{{item.over_time?item.over_time:'未计时'}}</text>
</view>
<view>
     <view style="border: 2px solid #0033FF;background-color:#0033FF;margin:2px;display:inline-block; border-radius: 30px;width: 5px;height:5px;">
     </view> 支付时间: <text style="font-size:10px">{{item.paytime?item.paytime:'未计时'}}</text>
                 
</view>
<view style="border-bottom:3rpx solid #ccc;margin:0 40rpx;"></view>
<view style="display:inline-block;width:20rpx;"></view><view style="width:312rpx;display:inline-block;">订单号: <text style="font-size:10px"> {{item.sn?item.sn:'未产生订单'}}</text></view>
<view style="display:inline-block;">消费: <text style="font-size:13px">{{item.paymoney>0?item.paymoney:0}}元</text></view>
</view>

</view>

来源：CSDN

作者：qq614756883

链接：https://blog.csdn.net/weixin_45938332/article/details/103741187