小程序使用vant上拉加载和下拉刷新

<view class="list min100 bg">
    <view class="item mg-16 bg-white" wx:for="{{list}}" data-id="{{index+3}}" bindtap="toIndex">
      <image class="item-img w100" src="/images/new-bg.png" />
      <view class="pro pd-24">
        <view class="size-34 bold">新人专享限时抢</view>
        <view class="flex1">
          <view class="size-26 gray-1">开售时间:06180630</view>
          <view class="center white size-28 bg-red btn">未开抢</view>
          <view class="center white size-28 bg-red btn">
            <view>已开抢</view>
            <view class="size-20 center go ml-8">GO</view>
          </view>
        </view>
      </view>
    </view>
    <ListLoad
      wx:if="{{flag}}"
      loading="{{loading}}"
      finished="{{finished}}"
      empty="{{list.length==0}}"
      emptyText='当前暂没有新人专享活动哦~'
    />
  </view>
 {
    "usingComponents": {},
    "navigationBarTitleText": "新人专享",
    "enablePullDownRefresh": true
  }
 data: {
    loading: false,
    page: 1,
    list: [],
    flag: false,
    finished: false,
  },
  methods: {
    async onLoad() {
      await this.getList()
    },
    async getList() {
      if (this.data.finished || this.data.loading) return
      this.setData({
        loading: true,
      })
      const { data } = await http.get('/activity/numans/activityList', {
        params: {
          page: this.data.page,
          limit: 10,
        },
      })

      this.setData({
        list: this.data.list.concat(data),
        loading: false,
        flag: true,
      })
      if (data.length == 0) {
        if (this.data.page == 1) {
          this.setData({
            finished: false,
          })
        } else {
          this.setData({
            finished: true,
          })
        }
      }
    },
    onReachBottom() {
      this.setData({
        page: this.data.page + 1,
      })
      this.getList()
    },
    async onPullDownRefresh() {
      this.setData({
        loading: false,
        page: 1,
        list: [],
        flag: false,
        finished: false,
      })
      await this.getList()
      wx.stopPullDownRefresh()
    },

你可能感兴趣的:(小程序,vant)