• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序--下拉刷新,上拉加载

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
 
//index.json 文件
{
  "enablePullDownRefresh": true
}

  

//关键代码 index.js
Page({
  data: {
    list: [],
    page: 1,
    hidden: false, //是否显示上拉加载的图标
    show: false,  //是否显示 文字(已经没有数据了)

  },

 
  getData: function () {
    this.setData({ hidden: true })
    var _this = this;
    var param = {};
    param.min_distance = 1;
    param.max_distance = 100000;
    param.type = this.data.types;
    param.page = this.data.page;
    param.row = this.data.row;
    param.storeId = '';
    api.getGoodsList(param).then(function (res) {
      console.log(res)
      let page = ++_this.data.page;
      if (res.data.length == 0) {
        _this.setData({ show: true, hidden: false })
      } else {
        _this.setData({
          page: page,
          list: _this.data.list.concat(res.data),
          hidden: false,
          show: false
        })
        //下拉刷新停止刷新
        wx.stopPullDownRefresh()
      }
    })
  },
  
  onReachBottom() {
   console.log('上拉')
    this.getData()
  },
  onPullDownRefresh() {
    console.log('下拉刷新')
    this.setData({
      page: 1,
      list: []
    })
    this.getData();
  },

})
    
<--index.wxml文件 -->
<
view class="weui-tab__panel"> <view class="weui-tab__content" wx:for='{{list}}' wx:key='{{index}}'></view> </view> <view class="page__bd"> <view class="weui-loadmore" wx:if="{{hidden}}"> <view class="weui-loading"></view> <view class="weui-loadmore__tips">正在加载</view> </view> <view class="weui-loadmore weui-loadmore_line" wx:if='{{show}}'> <view class="weui-loadmore__tips weui-loadmore__tips_in-line">暂无数据</view> </view> </view>

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
推荐项目|微信小程序富文本解析组件-wxParse发布时间:2022-07-18
下一篇:
基于php基础语言编写的小程序之计算器发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap