提交 68f96567 编写于 作者: api工厂's avatar api工厂

商品列表页面增加触底加载下一页

上级 777fb511
module.exports = {
version: '10.3.0',
note: '提交留言,允许上传图片或者视频', // 这个为版本描述,无需修改
version: '10.4.0',
note: '商品列表页面增加触底加载下一页', // 这个为版本描述,无需修改
subDomain: 'tz', // 此处改成你自己的专属域名。什么是专属域名?请看教程 https://www.it120.cc/help/qr6l4m.html
sdkAppID: 1400450467, // 腾讯实时音视频应用编号,请看教程 https://www.it120.cc/help/nxoqsl.html
}
\ No newline at end of file
......@@ -9,6 +9,7 @@ Page({
listType: 1, // 1为1个商品一行,2为2个商品一行
name: '', // 搜索关键词
orderBy: '', // 排序规则
page: 1 // 读取第几页
},
/**
......@@ -36,14 +37,13 @@ Page({
},
async search(){
// 搜索商品
wx.showLoading({
title: '加载中',
})
const _data = {
orderBy: this.data.orderBy,
page: 1,
pageSize: 500,
page: this.data.page,
pageSize: 20,
}
if (this.data.name) {
_data.k = this.data.name
......@@ -54,13 +54,26 @@ Page({
const res = await WXAPI.goods(_data)
wx.hideLoading()
if (res.code == 0) {
this.setData({
goods: res.data,
})
if (this.data.page == 1) {
this.setData({
goods: res.data,
})
} else {
this.setData({
goods: this.data.goods.concat(res.data),
})
}
} else {
this.setData({
goods: null,
})
if (this.data.page == 1) {
this.setData({
goods: null,
})
} else {
wx.showToast({
title: '没有更多了',
icon: 'none'
})
}
}
},
/**
......@@ -83,12 +96,11 @@ Page({
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
onReachBottom() {
this.setData({
page: this.data.page + 1
});
this.search()
},
changeShowType(){
if (this.data.listType == 1) {
......@@ -108,12 +120,14 @@ Page({
},
bindconfirm(e){
this.setData({
page: 1,
name: e.detail.value
})
this.search()
},
filter(e){
this.setData({
page: 1,
orderBy: e.currentTarget.dataset.val
})
this.search()
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册