Page({
data: {
isLoading: false,
page: 1,
isMore: true,
thisPage: '',
videoList: [],
},
// 页面加载事件
onLoad: function (options) {
this.refresh()
},
// 刷新方法
refresh() {
if (this.data.isLoading) {
return
}
this.data.page = 1
this.data.isMore = true
this.data.videoList = []
this.getVideoList()
},
// 加载更多方法
loadMore() {
if (this.data.isLoading) {
return
}
if (this.data.isMore == false) {
return
}
this.data.page += 1
this.getVideoList()
},
// 从服务器获取视频列表数据
getVideoList() {
this.data.isLoading = true
wx.showNavigationBarLoading()
wx.request({
url: yourUrl,
method: 'GET',
data: {
page: this.data.page,
paras: your.other.paras
},
header: {
},
complete: res => {
this.data.isLoading = false
wx.stopPullDownRefresh() //停止下拉刷新
wx.hideNavigationBarLoading() //完成停止加载
if(res.statusCode == 200) {
if (res.data.meta.pagination.total_pages == res.data.meta.pagination.current_page) {
this.data.isMore = false
}
// 这里的pagination参数是该项目接口中的分页数据
this.data.videoList = this.data.videoList.concat(res.data.data)
}
}
})
},
// 下拉刷新事件
onPullDownRefresh: function () {
this.refresh()
},
// 上拉加载事件
onReachBottom: function () {
this.loadMore()
}
})