猪窝 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 页(已进入长沙段):
