wm
b687c50e3d
1) 滚动时顶部分类横列不被隐藏
- filterbar 改 position:sticky，top 用 calc(statusBarHeight px + 88rpx) 精确贴在 navbar 下方，
不同机型状态栏高度差异下不串位；加背景色(var(--bg-grad))避免滚动时内容透出
2) 修复「加载有问题」的感知问题
- 进入分类页(如首页分类 tab)时 activeValue 为空且 values 无空值项，导致所有 chip 都不高亮；
现头部插入「全部」项(value:'')并默认选中，进入即明确当前为全部动作
- filterbar 原 wx:if values.length 在加载期间整块消失；现加载/空态常驻占位(显示『加载分类中…』/『暂无分类』)
31 lines
1.1 KiB
Plaintext
31 lines
1.1 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:elif="{{!loading}}" class="empty">暂无数据</view>
|
|
<view wx:else class="empty">加载中…</view>
|
|
</view>
|
|
|
|
<view style="height: 160rpx;"></view>
|
|
<bottom-nav active="category" />
|
|
</view>
|