<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">开售时间:06月18日 06时30分</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()
},