//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>