admin
d9445b5888
- oil-ui-pro 升到 0.22.2：references 13→28 份（新增 16、删 imagery.md）、assets 增 cards/（22 组）与 fonts/、SKILL.md 顶层五步结构未改名。 - 升级路径：官方 `npx github:oil-oil/oil-cli update` 稳定失败（error=replace、报「检查目录权限」）。 真身为 EXDEV —— 解压在 os.tmpdir()（C 盘）、技能目录在 E 盘，Windows 上 rename 不能跨盘； CLI 的 catch 把非 CliError 原生异常一律兜底成 replaceFailed，真错误一个字不吐。 做法＝借其 prepare() 只做下载+校验，再 cp 到同盘 stage、rename 交换；官方命令复验 up_to_date。 - 回归：product-planning 按名引用的 visual-review.md／tools.md／design-direction.md／style-explorer.md 全部健在；命名闸门 2061｜0｜27。 - session-mechanism/references/pitfalls.md 新增 P0-98（含通则：更新器把原生错误兜底成指错方向的人话）。
1.5 KiB
1.5 KiB
布局与视口
精准还原
先记下参考图对应的视口尺寸或已知的像素尺寸、画面的完整范围，以及哪些区域是固定不动的。图片的像素数不等于视口尺寸，例如 2 倍图要除以 2；确定不了时，写明你是按什么假设的。
量出主要区域各占多大比例、哪些元素共用一条对齐线、文字多大、图片怎么裁、各处间距之间是什么关系。先把整体的位置、比例和字体对上，再处理边框、阴影和细节；还原任务不重新探索风格。
用和参考图一样的视口、差不多的内容来比差异。参考图里没有的窄屏和其他状态，按内容的需要补上，并标明哪些是照着参考还原的，哪些是自己合理延伸的。
自己判断还原得像不像，结论通常偏乐观；只看一张整页缩略图，也看不出字号、间距和对齐差了多少。每轮修改后用截图工具的 --compare 出对比图（见 工具），先修差异最大的那几格，再在叠加图里核对对齐线、字号和图片裁切；不凭印象宣布“已经还原”。
验证重点
实际看一遍内容很长、内容为空，以及这次改动涉及的各个状态。手机上留意视口高度的变化、弹出的键盘和屏幕的安全边距，主操作不能被键盘或固定的栏挡住。
再检查：页面有没有意外地横向溢出，滚动是不是发生在该滚的那一块，焦点和菜单看不看得见；放大或重新排版以后，阅读和操作的顺序是否还清楚。