微信小程序分页加载

xml页面:

<view>

   <view class="body">

      <block wx:for="{{fang}}" wx:key="item">

        <view class="a">

          <view class="a-1"><image src="{{item.img}}"></image></view>

          <view class="a-2">

            <!-- <view></view> -->

            <rich-text nodes="{{item.name}}"></rich-text>

            <view>{{item.desc}}</view>

          </view> 

        </view>

      </block>

</view>

</view>

css页面

.a{
  width: 100%;
  height: 100px;
}

.a-1{
  width: 40%;
  /* height: 100px; */
  float: left;
}
.a-1 image{
  width: 80px;
  height: 80px;
}
.a-2{
  width: 60%;
  height: 50px;
  float: right;
}

js页面

 let that=this ;
    let page=parseInt(that.data.page)+1;
    let showtime = that.data.showtime;
      that.setData({
        page:page
      })
      wx.request({
        url: 'http://www.login.com/api/showtimes',
        method:"POST",
        data:{
          page
        },
        success:(ret)=>{

            if(ret.data==''){
              wx.showToast({
                title: '已经全部加载',
              })
            }  else{
              wx.showToast({
                title: '加载成功',
              })
              that.setData({
                showtime:[...showtime,...ret.data]
                })   
            }  
          }
      })

后台：

$page=$request->input("page");
        $state=($page-1)*5;
        $length=5;
        $res=DB::table("showtime")->offset($state)->limit($length)->get();
        return $res;