猫猫 v0.17.7:小猫书瀑布流与素材大图预览
猫猫手册新增以瀑布流为主的小猫书页面,收束为猫猫素材与猫猫档案两个视图,并补充按猫分组的素材大图预览与一组视觉交互优化。
猫猫手册 v0.17.7 主要完成小猫书的视觉和浏览体验优化。站点默认从小猫书开始,猫猫素材作为默认视图,原首页迁移至 /home/ 保留访问入口。
小猫书瀑布流
- 新增以图片瀑布流为主的「小猫书」页面,保留不同照片宽高比,减少统一卡片比例对素材展示的限制。
- 视图收束为「猫猫素材」和「猫猫档案」两个选项卡,暂时隐藏尚未完成的推荐与猫猫日记视图。
- 猫猫素材按猫咪照片逐张展示;点击任意照片后进入该猫自己的素材组,并从被点击的照片位置开始浏览。
素材大图预览
- 新增带模糊背景的大图弹窗,底部提供上一张、当前页码、下一张、旋转和下载原图操作。
- 关闭按钮移至右上角;素材组支持键盘左右方向键翻页和 Esc 关闭。
- 调整瀑布流入口、默认激活页和首页路径,使根路径
/直接进入小猫书素材视图。
UI 设计图留档
以下图片保留本次小红书式瀑布流视图及素材预览的设计状态:




验证
git diff --checknpm run build- 在真实浏览器中验证根路径默认激活小猫书、猫猫素材默认视图,以及素材分组大图弹窗的翻页、旋转和关闭交互。
正式发布提交:f1aea1f,提交标题为 feat(v0.17.7): 完成小猫书视觉优化与默认入口。