微信小程序 瀑布流上拉加载更多
wx.wxml(页底提示)
<block wx:if="{
{dataILu}}">
<view class="loadMore" style="text-align:center">正在加载中...</view>
</block>
<block wx:else>
<view class="loadMore" style="text-align:center">没有更多数据了</view>
</block>
wx,js 数据
onLoad(options) {
var _this = this;
this.getdata();
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
this.getdata();
},
getdata(){
var _this = this;
//如果没有更多数据了就退出
if ( ! this.data.dataILu ) return
this.data.pageIndex++
//获取数据的接口
wx.request({
url: http://www.calmpu.com/api/getFangs,
data: {
id: wx.getStorageSync(id),
page:_this.data.pageIndex
},
header: {
Authorization: wx.getStorageSync(token)
},
success(res) {
console.log(res.data)
_this.setData({
pageSize:res.data.data.last_page,
})
if(_this.data.pageIndex<_this.data.pageSize)
{
_this.setData({
datalist:_this.data.datalist.concat(res.data.data.data)
})
}else{
_this.setData({
dataILu:false
})
}
}
})
},
后端代码
//控制器
public function getFangs(Request $request)
{
$field = [id,fang_name,fang_pic,fang_shi,fang_ting,fang_rent,fang_build_area];
$data = IndexModel::getFangs($field);
return success("获取信息成功",$data);
}
//模型
public static function getFangs($field)
{
return self::select($field)->paginate(10);
}
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
判断素数的c语言程序_C素数程序
