猫猫 v0.11.1:价格参考 - 移动端体验收束
猫猫手册在 v0.11.1 继续收束「价格参考」页面的移动端体验,让窄屏下的采购记录、索引和工具栏更接近一张可以顺手浏览的轻量清单。
2026-08-13
猫猫手册在 v0.11.1 继续收束「价格参考」页面的移动端体验,让窄屏下的采购记录、索引和工具栏更接近一张可以顺手浏览的轻量清单。
移动端页面布局
- 将「物资索引」移动到「价格参考」主体上方,优先提供 category 入口;移动端隐藏主粮分类和采购小抄等低优先级信息。
- 移动端标题区改为「价格参考」与「最后更新于」左右并列,隐藏副标题,减少首屏垂直占用。
- 搜索框与排序按钮保持同一行,搜索框填满剩余空间;移动端移除筛选按钮,category 直接通过物资索引切换。
- 表格视图统一为移动端紧凑记录卡,不再提供卡片视图切换,也不产生横向滚动。
响应式分页与筛选
- 桌面端继续每页展示 9 条记录,移动端改为每页 5 条,分页高度更适合手机阅读。
- 移动端分类筛选逻辑收束为当前 category 下的 subcategory,复杂的全分类与价格筛选保留在桌面端。
- 修正窄屏网格的自动列宽问题,让搜索和排序工具栏真正占满内容区域。
版本号由 v0.11.0 升至 v0.11.1,完成 Astro 静态构建与 diff 格式检查。
UI 设计图留档
以下截图根据猫猫手册 v0.11.1 commit 6906e65 在本地移动端视口重建,用于记录价格参考页移动端体验收束后的页面状态。
