Files
digital-me-history/digital-me-web/docs/HANDOFF-2026-08-27-YUANQI-ZHUSHEN-ZHAOMING.md
T
admin 0593ff7e62
nginx serve /uploads direct (audio speed) / patch-nginx (push) Failing after 1m34s
数字我 Digital Me:全量入库(大文件走 Git LFS)
2026-10-10 16:24:43 +08:00

8.5 KiB
Raw Blame History

数字我·天下:缘起、铸身、照命交接文档

更新时间:2026-08-28

项目目录:

C:\Users\Administrator\Desktop\无字卷_整合版\digital-me-history\digital-me-web

1. 当前目标与设计结论

当前主流程为:

缘起 → 铸身 → 照命 → 入局 → 回响 → 传世

缘起、铸身、照命已经完成一轮视觉整合。当前统一标准为:

  • 米黄宣纸与羊皮纸底色。
  • 深褐正文、暗红朱印、哑金线框。
  • 宋体与历史画卷式排版。
  • 全宽章节舞台,不再使用嵌入式演示卡片的视觉结构。
  • 顶部统一显示“未完之地 · 时史”及六章导航。
  • 保留缘起的叙事感,同时保留铸身和照命已经验收的核心交互。

后续不要重新设计整套画风。优化应以排版、衔接、细节和交互流畅度为主。

架构结论:这三章不是另做的独立站点,而是直接接替 digitme.cn 原项目中的正式模块位置;必须保留原项目游客、登录分身、入局和传世的上下游链路。

2. 页面入口

缘起:http://127.0.0.1:5173/menmian?start=1
铸身:http://127.0.0.1:5173/shishi/zhushen
照命:http://127.0.0.1:5173/shishi/zhaoming
独立命盘验收页:http://127.0.0.1:5173/zhaoming-wheel

正式路由定义位于:

src/router.ts

3. 本轮完成的章节衔接

此前的主要问题:

  • 缘起是全屏叙事页面。
  • 铸身与照命受到全站 .tx-big 的 zoom: 1.4 和预缩宽度影响。
  • 后两章像被塞进网页里的演示截图,纸面宽度、标题尺度和顶部起点与缘起不一致。
  • 翻章后视觉上像进入另一个项目。

当前修正:

  • 缘起、铸身、照命使用同一连续舞台。
  • 三页统一纸张宽度、顶部起点和章节导航基线。
  • 这三页不再使用旧的预缩放大逻辑。
  • 铸身与照命移除最外层悬浮卡片阴影,保留内部纸面层级。
  • 缘起增加与后两章一致的六章导航。
  • 缘起身份卡后增加“第一章已落定 / 下一章 · 铸身”翻章提示。
  • 路由进入仅保留短促的透明度和纵向位移动效。
  • prefers-reduced-motion 下关闭翻章动效。

相关文件:

src/App.vue
src/views/Menmian.vue
src/components/shishi/ChapterShell.vue
src/assets/life-chapter-continuity.css

4. 缘起当前状态

正式组件:

src/views/Menmian.vue
src/components/shishi/HistoricalIdentityCard.vue

当前保留内容:

  • 王莽序章与历史叙事。
  • 现代职业输入和职业选择。
  • 历朝身份推演。
  • 第一份命格与历史人物题像。
  • 身份卡保存、分享和复制判词。
  • 进入铸身的正式入口。

视觉衔接新增内容:

  • 顶部六章导航。
  • 与铸身、照命一致的纸面宽度。
  • 身份卡之后的翻章提示。

不要删除人物题像。铸身最终生成的人物名帖会继续读取缘起中选择的朝代画像。

5. 铸身当前状态

正式页面与组件:

src/views/shishi/Zhushen.vue
src/components/shishi/ZhushenForgeBoard.vue

主要样式:

src/assets/accepted-scroll-design.css
src/assets/shishi-polish.css
src/assets/life-chapter-continuity.css

铸身四笔:

第一笔:本事
第二笔:性情
第三笔:分量
第四笔:来处

已经保留并验证的交互:

  • 本事签牌选择和翻轮。
  • 性情签牌选择。
  • 七项分量逐项循环选择程度。
  • 来处台座选择。
  • 每次选择与中心铸炉进度联动。
  • “铸胚 · n/4 笔成形”进度反馈。
  • 四笔完成后的合炉定身。
  • 人物名帖展示缘起题像。
  • 人物名帖进入照命。

绝对不要回退:

  • 不要改回现代下拉框。
  • 不要恢复蓝色选中态。
  • 不要把七项分量合并成单个选择。
  • 不要恢复之前的大面积廉价橙色火焰遮罩。
  • 不要删除中心铸炉或人物名帖。

6. 照命当前状态

正式页面与组件:

src/views/Verdict.vue
src/components/shishi/ZhaomingWheelBoard.vue

独立验收页:

src/views/shishi/WheelLab.vue

正式资源:

public/assets/zhaoming-wheel-chronicle-v2.png
public/assets/zhaoming-pointer-v2.png
public/assets/zhaoming-wheel-reference.png
public/assets/zhaoming-landscape-bg-v2.png
public/assets/zhaoming-exact.png

当前命盘规则:

  • 命盘外圈共有 30 个手绘格子。
  • 30 格不是数学平均等分。
  • ZhaomingWheelBoard.vue 中的 slotCenters 是逐格校准后的真实中线。
  • 指针固定在上方,外圈命盘旋转。
  • 每次停止必须吸附到单个格子的中线。
  • 中心显示当前朝代和“当前照命”。
  • 方向键、上一朝、下一朝和拖拽均可切换朝代。
  • 当前选中格只使用底图已有的格子高亮效果。

绝对不要回退:

  • 不要把 30 格改成平均等分。
  • 不要重画指针。
  • 不要给指针尾端增加方框、扇形框或半个铆钉。
  • 不要在格子外叠加额外矩形选中框。
  • 不要恢复旧轮盘组件。
  • 不要把正式朝代参数从 path 挪到 query。

正式朝代选择沿用原项目 path:

/shishi/zhaoming/朝代ID
/twin/分身ID/verdict/朝代ID

App.vue 为同一游客照命、同一分身照命提供稳定 RouterView key,router.ts 同时保持切朝时的滚动位置。因此 path 可以正常变化并保留正式深链语义,但页面不会整页重新挂载或闪烁。

旧的 ?dyn=朝代ID 只做兼容:打开后自动改写为正式 path,不再生成新的 query 朝代链接。

7. 照命保留的正式业务

新命盘只替换了表现形式,没有删除正式业务:

  • 最得时、最逆时、另一种命三张结果卡。
  • 登录用户 compare 数据。
  • 游客 preview 数据。
  • 朝代判词、品级、入仕路径和史料依据。
  • 出身选择。
  • 制度详情和朝代展开内容。
  • 进入入局的正式流程。
  • 无障碍 slider 语义与键盘控制。

8. 已完成验证

生产构建:

Vite v6.4.3
✓ 1991 modules transformed
✓ built in 8.07s

浏览器实测:

铸身“文采·细腻”签牌:aria-pressed 可正常切换
照命方向键:刘宋 → 南朝
转盘中心朝代、右侧结果与选择同步更新
照命正式地址:/shishi/zhaoming/朝代ID
同一照命切朝:页面实例复用、滚动位置保持
铸身“三 · 照命”导航:正确进入 /shishi/zhaoming
缘起、铸身、照命:同一纸张宽度与顶部章节导航

测试时临时切换的“文采·细腻”已经恢复到测试前的选中状态。

9. 已知工程状态

Vite 生产构建通过。

仓库完整 vue-tsc --noEmit 仍可能报告此前已有的模板空值收窄警告,主要位置:

src/views/shishi/Zhushen.vue:guestProf、mbtiPersona
src/views/Verdict.vue:selKaiguo、jinSides

这些不是本轮连续舞台或命盘产生的问题。若下一会话要处理,应单独修复,不要借此重写页面。

10. 工作区安全注意事项

当前工作区已有多批未提交修改与资源文件。

禁止操作:

git reset --hard
git checkout -- .
批量删除未跟踪文件
把全部工作区无差别覆盖成远端版本

后续修改前应先查看具体文件,保留用户已有改动。

11. 后续优化建议

优先顺序:

  1. 在 1280、1440、1920 三档检查纸面宽度和命盘详情布局。
  2. 检查缘起身份卡进入铸身时的人物画像是否正确继承。
  3. 优化铸身四笔切换的细小动效,不改变签牌形状和字段。
  4. 检查照命拖拽在触摸屏上的吸附手感。
  5. 单独清理 Vue 模板空值警告。

不要重新生成命盘底图,不要重新设计铸炉,不要改变已经确定的古风色板。

12. 新会话可直接复制的开场说明

请先完整阅读交接文档:
C:\Users\Administrator\Desktop\无字卷_整合版\digital-me-history\digital-me-web\docs\HANDOFF-2026-08-27-YUANQI-ZHUSHEN-ZHAOMING.md

项目目录:
C:\Users\Administrator\Desktop\无字卷_整合版\digital-me-history\digital-me-web

请先打开并对照:
http://127.0.0.1:5173/menmian?start=1
http://127.0.0.1:5173/shishi/zhushen
http://127.0.0.1:5173/shishi/zhaoming
http://127.0.0.1:5173/zhaoming-wheel

当前缘起、铸身、照命已经完成连续舞台整合。铸身核心交互和照命命盘已经定稿。
不要重做命盘,不要重画指针,不要增加选中框,不要把 30 格改成平均等分,不要把铸身改回现代下拉框。
先确认现状,再按照我的下一条具体要求继续。