前言
昨天我们实现了一个简单的首页多模块异步加载的功能,今天我们继续探索首页下拉加载数据的实现
需求分析
我们现在要实现下拉刷新,可以放在home首页,也可以放在推荐商品页面。根据我们的观察,在下拉的时候,京喜的固定活动也会向上移动,而且如果没有推荐商品或者查询不出推荐商品时会显示没有数据的标识。
所以,我们需要实现的功能为
- 首页可以下拉加载推荐商品的数据
- 加载数据的时候在底部显示【加载中】,加载完成或者查询不出数据的时候显示【暂无更多数据】
功能实现
ScrollView
我们使用taro的ScrollView来实现下拉加载。虽然组件时taro的,但是组件中的大部分属性是微信小程序原生(developers.weixin.qq.com/miniprogram…%25E7%259A%2584%2C%25E6%2588%2591%25E4%25BB%25AC%25E7%259C%258B%25E4%25B8%2580%25E4%25B8%258B%25E9%259C%2580%25E8%25A6%2581%25E6%25B3%25A8%25E6%2584%258F%25E7%259A%2584%25E7%2582%25B9%25E5%2592%258C%25E9%259C%2580%25E8%25A6%2581%25E7%259A%2584%25E5%25B1%259E%25E6%2580%25A7%25E5%2590%