界面与流程说明

第九步 · 六页流程与记录成书 UI

2026-10-18，K02。延续用户要求的开源项目模仿方向，把K01的出发／选卡／行程，接到记录／纪念册／导出预览。它是供评审的界面试样，尚未进入第十步的完整应用构建。

直接打开六页试样，或对照桌面与手机画面。K01的三页结论属于上一批交付；当前可操作范围以本文件和K02回执为准。

看哪里，照哪里做

整体继续使用Fernscout的浅底、黄色当前项、白色编辑区与城市照片；按钮、输入框和列表沿用K01对Travel Planner的改编，不重新拼一套组件。

这次实际读取了Fernscout的日记页：照片在前、日期与地点信息随后、正文单列阅读，下方有明确的返回和继续。已保存实际日记页可见区域，不再以旧总览截图代替日详情证据。这里只参考布局与阅读顺序，没有复制它的旅者叙述或照片。

卡牌倾斜与反光仍沿用K01的MIT代码参照。书页切换采用220ms的内容过渡，减少动态时直接切换；没有把它称为已集成StPageFlip的纸页模拟。

六个视图怎样接起来

顶栏保留五个常用入口；导出从纪念册进入，返回时不需要重新填写。导出页顶栏仍标记纪念册，避免把同一任务拆成两个互不相干的入口。

记录页

桌面是编辑区与片段阅读区并列；手机先编辑、再阅读，照片在对应文字之前。正文使用连续段落，不把每句话拆成打卡任务。初始为空，不自动填一段感悟或插入别人的照片。

填写项为文字、可选照片、关联段落和是否放进本册。文字与照片至少有一项即可加入；照片限制为JPEG／PNG／WebP、10MB以内，读取失败保留其他内容并给出换图提示。照片只由用户主动选择，使用浏览器临时地址预览，没有上传请求。

默认不勾选入册。加入后可逐条修改范围、重新编辑；移除后可撤销最近一次移除。行程中的“记一笔”弹层也能加入临时记录，默认不入册，不改变地点是否到访或任务是否完成。

当前片段只保留在这一页的内存中，刷新后清空。“只留在记录里”表示不进入本册阅读预览，并不承诺同设备身份隔离、加密或正式存档。正式版本的材料所属人、多人同意与保存失败规则继续采用既有研究方案，尚未由这个试样实现。

纪念册

封面标题在预览上方直接编辑。章节入口为封面、出发前、路上片段；书页下方有上一页／下一页及当前位置。手机一次读一页，不把桌面跨页缩小塞进屏幕。

封面可使用已取得许可的上海城市配图，也可以关闭；配图始终标明不是本人旅行照片。作者和CC BY许可保留在页脚。没有个人片段时显示筹备版，不自动生成“这次旅行的回忆”。

“出发前”章节可以移除；保留时，示例行程明确标注尚未发生。每条被选入的片段占一个逻辑页，未选的内容不出现在正文里。长文字自然增高，不裁掉正文来维持一张固定高度的漂亮截图；正式PDF分页仍待实现。

关闭计划或移除片段后，页数和按钮边界同步更新。无片段时仍能查看封面与计划，路上片段入口解释空状态并给出返回记录的入口。记录数量不作为完成旅行的门槛。

导出预览

进入时固定一份当前标题、计划开关、配图开关和已选片段的临时快照。页面列出入册范围、未入册数量和当前修订；返回编辑后重新进入，才更新本次预览范围。

按钮使用“查看……流程”，不会播放假进度后声称下载成功。真实HTML打包、PDF生成、ZIP恢复都未接入。后续正式实现仍需处理字体嵌入、图片引用、版本兼容、部分成功与失败恢复，沿用I08及既有成书方案。

已有交互与后续验收分开

目前能实际操作：六页导航、原有卡牌详情与设置、临时图文片段、编辑及撤销、入册范围、封面标题、计划与配图开关、逻辑页切换、导出内容预览和三种格式说明。

后续才实现：真实随机与规则计算、事实重核、AI、身份和权限、持久存储、离线恢复、打印分页和真实文件生成。这些没有因为页面可点就变成已经完成。

评审重点是背景、组件、中文表达、阅读顺序与手机操作。来源许可和已确认规则继续有效；视觉尚待用户定稿，不覆盖I06，不把上海样本变成用户的真实行程。