class Paging{
  page //記錄當(dāng)前頁(yè)碼
  count //記錄一頁(yè)顯示的數(shù)量
  req //接口請(qǐng)求對(duì)象（此處我已封裝，可按照自己需求定義屬性）
  url //請(qǐng)求路徑
  moreData = true //是否存在下一頁(yè)數(shù)據(jù)（首次請(qǐng)求時(shí)默認(rèn)存在下一頁(yè)數(shù)據(jù)）
  accumulator = [] //已加載的數(shù)據(jù)列表
  locker = false //鎖標(biāo)識(shí)
}

constructor(req, page=0, count=5){
    this.page = page
    this.count = count
    this.req = req
    this.url = req.url
  }

getMoreData(){
 //1、判斷是否存在下一頁(yè)數(shù)據(jù)
 //2、獲取鎖，判斷鎖是否為釋放狀態(tài)
 //3、請(qǐng)求數(shù)據(jù)
 //4、釋放鎖
 }

if(!this.moreData){
      return
}

_getLocker(){
    if(this.locker){
      return false
    }
    this.locker = true
    return true
}

{
        empty, //是否為空
        items, //當(dāng)前頁(yè)數(shù)據(jù)
        moreData, //是否存在下一頁(yè)數(shù)據(jù)
        accumulator //已經(jīng)請(qǐng)求過(guò)的所有數(shù)據(jù)
}

 _getCurrentReq(){
    let url = this.url
    //設(shè)置請(qǐng)求參數(shù)
    const params = `page=${this.page}&count=${this.count}`
    //判斷拼接方式
    if(url.includes('?')){
      url += '&' + params
    }else{
      url += '?' + params
    }
    this.req.url = url
    return this.req
 }

 _actualGetData(){
 
    const req = this._getCurrentReq() //獲取到具體的請(qǐng)求內(nèi)容
    
    let paging = Http.request(req) //調(diào)用自定義工具中的請(qǐng)求方法，進(jìn)行數(shù)據(jù)的獲取
    
    //如果沒(méi)有獲取到結(jié)果直接返回null
    if(!paging){
      return null
    }
  
    if(paging.total === 0){
      return {
        empty: true,
        items: [],
        moreData: false,
        accumulator: []
      }
    }
    
    //如果當(dāng)前頁(yè)碼數(shù)小于總頁(yè)碼數(shù)表示還存在下一頁(yè)數(shù)據(jù)，設(shè)置moreData為true，否則設(shè)置為false
    this.moreData = pageNum < totalPage-1 ? true : false
    
    //如果存在下頁(yè)數(shù)據(jù)，將page+1，便于下次的獲取
    if(this.moreData){
      this.page += 1
    }
    
    //因瀑布流顯示數(shù)據(jù)需要累加展示，所以數(shù)據(jù)列表也需要累加
    this.accumulator = this.accumulator.concat(paging.items)
    return{
      empty: false,
      items: paging.items,
      moreData: this.moreData,
      accumulator: this.accumulator
    }
 }

this.locker = false

initBottomSpuList(){
 //獲取到paging對(duì)象
    const paging = new Paging({
      url: url
    })
    //將paging對(duì)象存入js的data中
    this.data.spuPaging = paging
    //調(diào)用方法
    const data = paging.getMoreData()
    if(!data){
      return
    }
    //重新加載瀑布流
    wx.lin.renderWaterFlow(data.items)
},

onReachBottom: function () {
    const data = this.data.spuPaging.getMoreData()
    if(!data){
      return
    }
    //重新加載瀑布流
    wx.lin.renderWaterFlow(data.items)
}