web前端全系列 教程
1839个小节阅读:2243.9k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
"下拉刷新"是为了更新数据,"上拉加载"是为了增加数据,也是页面最常见的效果。例如:微信朋友圈
第一步:json
文件配置(可选项)
xxxxxxxxxx
{
"onReachBottomDistance":50
}
第二步:实现上拉加载逻辑
xxxxxxxxxx
Page({
data: {
list:[1,2,3,4,5]
},
onReachBottom() {
this.setData({
list:this.data.list.concat([6,7,8,9,10])
})
}
})
第三步:渲染页面
xxxxxxxxxx
<view class="container">
<view class="item" wx:for="{{ list }}" wx:key="index">
<text>{{ item }}</text>
</view>
</view>
第四步:样式加载
xxxxxxxxxx
.item{
height: 200px;
}
text{
font-size: 30px;
}
实时效果反馈
1. 在微信小程序中,实现上拉加载的方法是:
A onShow
B onReachBottom
C onLoad
D onPullDownRefresh
答案
1=>B