上拉加载
原创...小于 1 分钟
"下拉刷新"是为了更新数据,"上拉加载"是为了增加数据,也是页面最常见的效果。例如:微信朋友圈
- 第一步:json 文件配置(可选项)
{
"onReachBottomDistance": 50
}
- 第二步:实现上拉加载逻辑
<view wx:for="{{list}}" wx:key="index" style="height: 400px;">{{item}}</view>
Page({
data: {
list: [1, 2, 3, 4, 5],
},
onReachBottom() {
this.setData({
list: this.data.list.concat([6, 7, 8, 9, 10]),
});
},
});
Powered by Waline v2.15.7