fix(category): 分类横列吸顶固定 + 默认高亮「全部」+ 加载态常驻
1) 滚动时顶部分类横列不被隐藏
- filterbar 改 position:sticky,top 用 calc(statusBarHeight px + 88rpx) 精确贴在 navbar 下方,
不同机型状态栏高度差异下不串位;加背景色(var(--bg-grad))避免滚动时内容透出
2) 修复「加载有问题」的感知问题
- 进入分类页(如首页分类 tab)时 activeValue 为空且 values 无空值项,导致所有 chip 都不高亮;
现头部插入「全部」项(value:'')并默认选中,进入即明确当前为全部动作
- filterbar 原 wx:if values.length 在加载期间整块消失;现加载/空态常驻占位(显示『加载分类中…』/『暂无分类』)
This commit is contained in:
@@ -51,9 +51,13 @@ Page({
|
||||
this.setData({ loading: true });
|
||||
const key = DIM_MAP[this.data.dimension] || 'body-parts';
|
||||
svc.getCategories(key).then((items) => {
|
||||
const list = (items || []).slice();
|
||||
// 头部插入「全部」项:无 value 入参时默认选中,明确当前为「全部」
|
||||
list.unshift({ value: '', label: '全部' });
|
||||
const activeValue = this.data.value || '';
|
||||
this.setData({
|
||||
values: items || [],
|
||||
activeValue: this.data.value,
|
||||
values: list,
|
||||
activeValue: activeValue,
|
||||
loading: false
|
||||
});
|
||||
this.loadExercises();
|
||||
|
||||
Reference in New Issue
Block a user