← 返回开发时间线

猪窝 v1.16.1:相簿按日期自动排版,武汉长沙共 18 条记录落地

猪窝相簿数据源改为按 date 自动排版(页码与左右页不再手写),并把「一起去过的地方」填进武汉 11 条、长沙 7 条单图记录;相簿文案统一去掉句号,底栏换成常驻的一句「慢一点翻,日子还长」。

猪窝 v1.16.1 是相簿在 v1.16.0 三层结构之后的第一次内容与机制收口。核心变化是把「排页」这件事从手写改成推导,然后把两个城市的照片真正填了进去。

自动排版:page / side 不再是手写字段

v1.16.0 时每条 entry 都要自己写 page(第几个对开页)和 side(左还是右),加一条就要手动重排后面所有页码。这版改成由 date 驱动:

  • 数据源只写 chapterId + date,page / side 由 layoutEntries() 算出
  • 章内按 date 升序(字符串比较,YYYY-MM 与 YYYY-MM-DD 可混用)
  • date 留空的沉底(适合「未完待续」这类还没定日子的条目)
  • 每 2 条铺满 1 个对开页,章节之间不共页,空章不占页
  • TOTAL_PAGES 由排版结果推导

结果是加条目时写在哪个位置都行,页码自动重排。同时把 date(排序键)与 dateLong(显示值)分离,所以可以排序用 2023-08、显示用「2023 年 8 月」。

内容:一起去过的地方

第 4 章从 2 条占位扩到 18 条实拍记录,全部用 one-full 单图铺满整页:

  • 武汉 11 条:曾侯乙 / 老街的钟楼 / 砖墙前面 / 江边的美术馆 / 橙色的房子 / 亮起来 / 我爱武汉 / 江汉路的夜 / 挤进一场 Livehouse / 牛肉饼和热干面 / 小龙虾和串串
  • 长沙 7 条:橘子洲 / 岳麓山 / 文和友 / 想你的风吹到了长沙 / 杜甫江阁 / 挤进一场 Livehouse / 夜长沙

为什么要一条一张大图:这批素材本身就是「拼图」——一张图里已经拼了三到九个小画面。再叠一层多图布局等于双重压缩,里面的细节根本看不清。改成单图铺满后,博物馆的瓦顶、窗边的侧影、展牌上的字都能辨认。代价是页数上去了(第 4 章 4 页 → 10 页,全书 10 页 → 16 页),但看得清优先。

同时移除了「一起去过的城市」这条笼统占位,以及原来「白天的武汉 / 天黑以后 / 夜宵与现场」的三分组——一条只有一张图时,分组不再有意义。

文案与视觉收口

  • 相簿与全站文案统一去掉句号(标题、章节引言、正文、引语、页脚、侧边栏),逗号、破折号、问号保留
  • 底部页码条从「06 / 10」换成常驻的一句 「慢一点翻,日子还长」——因为右上角已有 PAGE 06 / 10,底部不复述信息、只放味道
  • 顶部阅读栏的 VOL. 改为 PAGE
  • 修复对开页行高:grid-template-rows: minmax(0, 1fr) + height: 100%,解决内容把行高撑开、文字被挤出纸外的问题

UI 设计图留档

单图铺满的效果(第 4 页「武汉·曾侯乙 / 武汉·老街的钟楼」):

相簿单图铺满效果

第 10 页(已进入长沙段):

相簿长沙段