@iwux/refresher

<!-- .json --> { "usingComponents": { "wux-refresher": "@iwux/refresher", } }

Usage no npm install needed!

<script type="module">
  import iwuxRefresher from 'https://cdn.skypack.dev/@iwux/refresher';
</script>

README

usage

{ "usingComponents": { "wux-refresher": "@iwux/refresher", } }

Page({ data: { items: [], scrollTop: 0, }, onLoad() { this.setData({ onRequestItems: this.onRequestItems.bind(this), }); }, onRequestItems({ page, pageSize, firstRequest }) { return indexService.requestMock({ page, pageSize }).then(({ data }: any) => { const items = data; const newItems = page === 1 ? items : this.data.items.concat(items); this.setData({ items: newItems }, () => { if (firstRequest) { $spinner().hide(); } }); return items; }).catch(err => { wx.showToast({ title: err.message || '请求数据异常', icon: 'none' }); }); }, onPageScroll(e) { this.setData({ scrollTop: e.scrollTop, }); }, });