屁话不说，直接上代码
wxml部分：
<view class='case clear'>
<view class='item' wx:for='{{category.list}}' wx:key="caselist">
<navigator url='/pages/content/content?aid={{item.aid}}'>
<view class='img'>
<image src='{{item.image}}' mode='widthFix'></image>
</view>
<view class='title'>{{item.title}}</view>
</navigator>
</view>
</view>js部分
var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
host: app.imgHost,
pagebanner: app.imgHost + "/images/wap_banner1.jpg",
page:1
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
app.ajax.req('category', { cid: 3, page: that.data.page}, function (res) {
var res = res.result;
//console.info(res);
for(var i=0;i<res.list.length;i++){
res.list[i].image = app.imgHost + res.list[i].image;
}
that.setData({
category: res
});
});
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
var that = this;
if (that.data.page < that.data.category.totalPage){
that.setData({
page: that.data.page + 1,
});
var datas = that.data.category;
//console.info(datas.list);
app.ajax.req('category', { cid: '3', page: that.data.page }, function (res) {
var res = res.result;
for (var i = 0; i < res.list.length; i++) {
res.list[i].image = app.imgHost + res.list[i].image;
datas.list.push(res.list[i]);
}
//console.info(datas);
that.setData({
category: datas
});
});
}
},
})关于下拉加载更多：
页面加载过程中需要请求到一页的数据以及总页数，然后一页一页加载就可以了
方法都是现成的，下拉下载更多直接写在onReachBottom里就好了。
还是分享预览图吧，审核失败了。
如果本篇文章帮到了你，那么，请点击右侧的百度分享，让我们一起帮助更多的朋友！
