← 返回开发时间线

猫猫 v0.17.7:小猫书瀑布流与素材大图预览

猫猫手册新增以瀑布流为主的小猫书页面,收束为猫猫素材与猫猫档案两个视图,并补充按猫分组的素材大图预览与一组视觉交互优化。

猫猫手册 v0.17.7 主要完成小猫书的视觉和浏览体验优化。站点默认从小猫书开始,猫猫素材作为默认视图,原首页迁移至 /home/ 保留访问入口。

小猫书瀑布流

  • 新增以图片瀑布流为主的「小猫书」页面,保留不同照片宽高比,减少统一卡片比例对素材展示的限制。
  • 视图收束为「猫猫素材」和「猫猫档案」两个选项卡,暂时隐藏尚未完成的推荐与猫猫日记视图。
  • 猫猫素材按猫咪照片逐张展示;点击任意照片后进入该猫自己的素材组,并从被点击的照片位置开始浏览。

素材大图预览

  • 新增带模糊背景的大图弹窗,底部提供上一张、当前页码、下一张、旋转和下载原图操作。
  • 关闭按钮移至右上角;素材组支持键盘左右方向键翻页和 Esc 关闭。
  • 调整瀑布流入口、默认激活页和首页路径,使根路径 / 直接进入小猫书素材视图。

UI 设计图留档

以下图片保留本次小红书式瀑布流视图及素材预览的设计状态:

猫猫档案主视图
猫猫档案详情图
猫猫素材主视图
猫猫素材详情图

验证

  • git diff --check
  • npm run build
  • 在真实浏览器中验证根路径默认激活小猫书、猫猫素材默认视图,以及素材分组大图弹窗的翻页、旋转和关闭交互。

正式发布提交:f1aea1f,提交标题为 feat(v0.17.7): 完成小猫书视觉优化与默认入口。