fix(category): 实现触底分页加载更多,修复往下翻无内容

- 根因:category.js 的 loadExercises 永远只取第 1 页(page=1, pageSize=20),
  且用 exercises = res.items 整体替换、从不追加,也没有 onReachBottom/触底加载。
  动作数远超 20(全部 1324、胸 163)时,往下翻只能看到前 20 条,其余永远加载不出来。
- 修复:
  * loadExercises 首次加载重置 page=1 并按 items.length<total 计算 hasMore
  * 新增 onReachBottom + loadMore:触底时 page+1、concat 追加、刷新 hasMore
  * wxml 在网格下方加 loadmore 状态条(加载中 spinner/已经到底啦/上拉加载更多)
  * wxss 加 .spinner 旋转动画(用 --accent/--line,均在 app.wxss 已定义)
- 后端分页已验证:page=2 返回偏移后的不同数据,total 字段准确
This commit is contained in:
2026-07-23 20:13:53 +08:00
parent b687c50e3d
commit ec0eb98411
3 changed files with 58 additions and 5 deletions

View File

@@ -21,6 +21,16 @@
<exercise-card exercise="{{item}}" catch:tap="onExercise" />
</view>
</view>
<view wx:if="{{exercises.length}}" class="loadmore">
<view wx:if="{{loadingMore}}" class="loadmore__loading">
<view class="spinner"></view>
<text>加载中…</text>
</view>
<view wx:elif="{{!hasMore}}" class="loadmore__end muted">已经到底啦</view>
<view wx:else class="loadmore__hint muted">上拉加载更多</view>
</view>
<view wx:elif="{{!loading}}" class="empty">暂无数据</view>
<view wx:else class="empty">加载中…</view>
</view>