wm
ec0eb98411
- 根因：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 字段准确
41 lines
1.5 KiB
Plaintext
41 lines
1.5 KiB
Plaintext
<view class="page">
|
|
<navbar title="{{title}}" show-back />
|
|
|
|
<view class="section" style="padding-top: 8rpx;">
|
|
<scroll-view wx:if="{{values.length}}" scroll-x class="filterbar" style="top: calc({{statusBarHeight}}px + 88rpx);">
|
|
<chip
|
|
wx:for="{{values}}"
|
|
wx:key="value"
|
|
label="{{item.label}}"
|
|
value="{{item.value}}"
|
|
active="{{activeValue === item.value}}"
|
|
bind:select="onValue" />
|
|
<view class="filterbar__spacer"></view>
|
|
</scroll-view>
|
|
<view wx:else class="filterbar__loading muted">{{ loading ? '加载分类中…' : '暂无分类' }}</view>
|
|
|
|
<view class="count muted" wx:if="{{!loading}}">共 {{total}} 个动作</view>
|
|
|
|
<view class="grid" wx:if="{{exercises.length}}">
|
|
<view class="grid__item" wx:for="{{exercises}}" wx:key="id">
|
|
<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>
|
|
|
|
<view style="height: 160rpx;"></view>
|
|
<bottom-nav active="category" />
|
|
</view>
|