下拉刷新上拉加载中

在js中(data)中定义

  data: {
    page: 1,
    pagefinish: 0
  },

在js中(页面相关事件处理函数–监听用户下拉动作)中写

onPullDownRefresh: function () {
    var that = this
    wx.showNavigationBarLoading() // 在标题栏中显示加载
    this.setData({
      page: 1
    })
    this.getList();
    //模拟加载
    setTimeout(function () {
      wx.hideNavigationBarLoading()//完成停止加载
      wx.stopPullDownRefresh()//停止下拉刷新
    }, 1000)
  },

在js中(页面上拉触底事件的处理函数)中写

onReachBottom: function () {
    var that = this
    if (that.data.pagefinish == 1) {
      return;
    }
    wx.showNavigationBarLoading() //在标题栏中显示加载  
    //模拟加载
    wx.showToast({
      title: '加载中...',
      icon: 'loading'
    })
    setTimeout(function () {
      wx.hideNavigationBarLoading() //完成停止加载
      wx.stopPullDownRefresh() //停止下拉刷新
    }, 1000);


    //把之前掉的接口啥的在这块在写一遍(在这儿只是一个例子)
    var page = that.data.page + 1;
    that.setData({
      page: page
    })
    wx.request({
      url: app.globalData.url + '/wxapi/Goods/prom_goods',
      data: {
        prom_type: that.data.prom_type,
        p: that.data.page
      },
      method: 'POST',
      success: function (res) {
        console.log(res)
        if (res.data.status == 1) {
          var prom_goods = res.data.result.prom_goods;
          if (prom_goods.length > 0) {
            that.setData({
              prom_goods: that.data.prom_goods.concat(prom_goods)
            })
          } else {
            that.setData({
              pagefinish: 1
            })
          }
        }
      }
    })
  },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值