微信小程序下拉加载更多

迪迦不需要你的光

已于 2022-06-06 11:03:46 修改

阅读量275

点赞数

文章标签：微信小程序小程序 webview

于 2021-12-16 17:23:16 首次发布

本文链接：https://blog.csdn.net/yjdyyds/article/details/121979596

版权

<view> 内容</view> 


 <view class="upload" hidden="{{HiddenFlag}}">
        <image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0190105c273b92a8012029ac7b58e4.gif&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1641445384&t=33af4ca2f4094c846cc5b4460750222c" class="loadding"></image>
     </view>
     <view class="zanwu"  wx:if="{{StorePoints}}">已经到底了</view>

.upload{
  text-align:center
}
.loadding{
  width:120rpx;
  height:120rpx;
}
.zanwu{text-align:center;margin:20rpx 0}

/*
 * @Author: wdl
 * @Date:   2017-11-08 15:06:42
 * @Last Modified by:   wdl
 * @Last Modified time: 2017-12-14 16:36:57
 */
var app = getApp()
Page({
  data: {
    shoopingtext:"",
 StorePoints: false,
    HiddenFlag: true,
    ppage: 1,
    ExchangeInfo: [],
  },
 
 
     
  citywide: function () {
    var that = this;
console.log(that.data.ppage);
    wx.request({
      url: app.globalData.baseUrl + "/Download/listData",
      data: {
        cateid:6,
        // did: 81,
        ppage:that.data.ppage,
        keywords: that.data.shoopingtext,
        psize: 10,
      },
      method: 'post',
      success: function (res) {
        console.log("tre", res.data.data.plist);
        var plis=res.data.data.plist
      var Explis=[]
      // console.log("asdasdsad",plis.length);
     if(plis.length== 0){  
        
      that.setData({
        StorePoints:true
      })
     }else{        
     Explis = that.data.ExchangeInfo.concat(plis)
      that.setData({
        ExchangeInfo:Explis
      })
     }
      },
    });
  },
  onLoad: function () {
    this.citywide()

  },
  onPullDownRefresh() {
    wx.showToast({
      title: '刷新成功',
      icon: 'success',
      duration: 2000
    })
    wx.stopPullDownRefresh()
  },

  onReachBottom() {
    this.loadMore();
  },
  loadMore() {
    var that = this;
    // var list=that.data.ExchangeInfo;
    var sdd  = this.data.ppage+1
    that.setData({
      HiddenFlag: false,
      ppage:sdd
    });
    that.citywide()
 
    setTimeout(function () {

      that.setData({
        // ExchangeInfo: list,
        HiddenFlag: true
      })
    }, 2000)
  }
})