下拉刷新

下拉刷新是我们在移动端所见的最多效果，所有用户希望看到的最新数据的解决方案基本上都会选择”下拉刷新“方式实现。例如：微信的朋友圈

• 第一步：json 文件配置下拉刷新

{
  "enablePullDownRefresh": true,
  "backgroundColor": "#f1f1f1",
  "backgroundTextStyle": "dark"
}

• 第二步：实现下拉刷新逻辑

<view wx:for="{{list}}" wx:key="index">{{item}}</view>

Page({
  data: {
    list: [1, 2, 3, 4, 5],
  },
  onPullDownRefresh() {
    setTimeout(() => {
      this.setData({
        list: [6, 7, 8, 9, 10],
      });
      wx.stopPullDownRefresh();
    }, 1000);
  },
});