Wechat applet waterfall flow and pull up to the bottom

js:

data: {

    //  Page number

    page:1,

    data:[],

    //  Last page number

    last_page:"",

  },

  click(evt){

// console.log(evt.currentTarget.dataset.id)

let id=evt.currentTarget.dataset.id

wx.navigateTo({

  url: '/pages/detail/detail?id='+id,

})

  },

  /**

   *  Life cycle function -- Monitor page loading

   */

  onLoad: function (options) {

    //  Fetch cache

let token=wx.getStorageSync('token')

    let _this=this

    wx.request({

      url: 'http://www.day.com/index.php/listDatas',

      method:"GET",

      data:{

        "pages":10

        

      },

      header:{

        "token":token

      },

      success(res){

        // console.log(res.data.data.data)

        //  The top ten data

        let data=res.data.data.data

        //  Total page number

        let last_page= res.data.data.last_page

        // console.log(last_page)

        //  Render data

        _this.setData({

          data:data,

          last_page:last_page

        })

      }

    })

  },

  

 //  Pull up and touch the bottom

  onReachBottom:function(e){

    let token=wx.getStorageSync('token')

    let that=this

    //  Get the next page

    let page=that.data.page+1;

    // console.log(this.data.last_page)

    wx.showLoading({

      title: ' Loading control '+page+" page ",

    })

    if(page>this.data.last_page){

      wx.showToast({

        title: ' Whether the ',

        icon:'error'

      })

    }

    wx.request({

      url: 'http://www.day.com/index.php/listDatas',

      method:"GET",

      data:{

        "pages":10,

        "page":page

      },

      header:{

        "token":token

      },

      success(res){

        // console.log(res.data.data.data)

        //  The stitched data

        //  Render data

        that.setData({

          page:that.data.page+1,

          data:that.data.data.concat(res.data.data.data)

        })

      }

    })

    setTimeout(function(){

      wx.hideLoading()

    },2000)

  }

front end ：

<wxs src="../../utils/tools.wxs" module="tools"></wxs>

<block wx:for="{ {data}}" wx:key="index">

<l-card type="primary" image="{ {item.img}}" title="{ {tools.mysub(item.name,0,14)}}" bindtap="click" data-id="{ {item.id}}">

 <view>{ {item.score}} branch |{ {item.num}} comments </view>

 <view class="price">￥{ {item.price}} rise </view>

</l-card>

</block>

wxs:

function mysub(str,start,end){

//  Start

var beagin=start||0;

var len=end||14;

if(str.length<len){

return str;

}else{

  var strNew=str.substring(beagin,len);

  return strNew+"..."

}

}

module.exports={

  mysub:mysub

}