2020-04-06

小程序加载数据
index.wxml

    <view class="page__bd">
        <mp-loading type="circle" show="{{loading}}"></mp-loading>
        <view class="weui-loadmore weui-loadmore_line" wx:if="{{!loading}}">
            <view class="weui-loadmore__tips weui-loadmore__tips_in-line">暂无数据</view>
        </view>
    </view>

index.json

  "usingComponents": {
    "mp-loading": "../../components/loading/loading"
  }

index.js

getList: function(){
    return new Promise((resolve, reject) => {
      let that = this;
      that.setData({loading:true})
      let page = that.data.page;
      //读取users表数据
      wx.cloud.callFunction({
        name: "get_zhao",
        data: {
          page: page,
          limit: that.data.limit
        }
      })
      .then(res=>{
        console.log('--->',res)
        if (res.result.data.length > 0) {
          if (res.result.total < that.data.limit) {
            that.setData({ loading: false, nomore: true })
          }
          wx.hideLoading()
          that.data.page++
          let list = that.data.list;
          console.log("读取成功", list)
          for (let i = 0; i < res.result.data.length; i++) {
            list.push(res.result.data[i])
          }
          that.setData({ list: list, total: res.result.total})
        } else {
          wx.hideLoading()
          that.setData({loading:false,nomore:true})
        }

      })
    })
  },