feat: unify project responsive layouts
This commit is contained in:
@@ -0,0 +1,71 @@
|
||||
请接手这个 UniApp 项目的页面审核与全项目响应式适配工作。
|
||||
|
||||
项目目录:
|
||||
【替换成新电脑上的 jiapuapp 绝对路径】
|
||||
|
||||
开始前必须按顺序执行:
|
||||
|
||||
1. 完整阅读项目根目录 AGENTS.md。
|
||||
2. 阅读:
|
||||
- docs/superpowers/specs/2026-07-21-project-wide-responsive-layout-design.md
|
||||
- docs/superpowers/plans/2026-07-21-responsive-foundation-phase-1.md
|
||||
3. 查看 tests/responsive-layout-coverage.json。
|
||||
4. 查看 styles/adaptive-frame-profiles.scss。
|
||||
5. 检查当前代码和测试结果后再继续,不要重新推翻已经通过的设计。
|
||||
|
||||
当前进度:
|
||||
|
||||
- 已建立全项目统一响应式档案:
|
||||
styles/adaptive-frame-profiles.scss
|
||||
- 公共组件以及 A、G、F、N、M、R、T 系列页面已经迁移到统一响应式规则。
|
||||
- 可变高度的装饰背景使用九宫格/内容驱动高度。
|
||||
- 固定比例的图标、缩略图、印章等才允许保留固定尺寸,并记录在:
|
||||
tests/responsive-layout-allowlist.json
|
||||
- 已清除页面内的 `background-size: 100% 100%` 强制拉伸。
|
||||
- 页面不能自行定义 `border-image-slice`,必须由统一档案持有。
|
||||
- 当前 66/66 个 Vue 文件已经纳入响应式扫描。
|
||||
- 上一轮 22/22 项核心响应式与业务契约通过。
|
||||
- MuMu 模拟器已在 360×640 和 412×915 逻辑视口抽查过代表页面。
|
||||
- 入谱审核弹窗、G05、G06、G08、T03、F09、R01、N01、M01 等页面显示正常。
|
||||
- 当前模拟器默认尺寸应为 720×1280、320 dpi。
|
||||
- 不要使用浏览器做视觉审核,只看 MuMu 安卓模拟器。
|
||||
- 不要执行任何 Git add、commit、push、restore、checkout 等操作。
|
||||
- 不要启动或关闭我的模拟器,除非我明确要求。
|
||||
- 忽略截图中的“3D研究室”等系统水印。
|
||||
- 页面文案不得使用“汤正华堂侄”等具体姓名示例,应使用“某某某堂侄”等通用提示;模拟数据本身不用处理。
|
||||
- 不使用多代理。
|
||||
|
||||
接手后先运行并报告:
|
||||
|
||||
powershell -ExecutionPolicy Bypass -File tests/adaptive-frame-profiles-contract.ps1
|
||||
powershell -ExecutionPolicy Bypass -File tests/project-responsive-layout-contract.ps1
|
||||
powershell -ExecutionPolicy Bypass -File tests/ag-responsive-surfaces-contract.ps1
|
||||
powershell -ExecutionPolicy Bypass -File tests/compile-audit.ps1
|
||||
|
||||
然后核对:
|
||||
- Vue 文件数量与 responsive-layout-coverage.json 是否完全一致;
|
||||
- 是否仍有 `100% 100% no-repeat`;
|
||||
- 是否仍有页面直接写 `border-image-slice`。
|
||||
|
||||
不要一上来修改代码。先告诉我:
|
||||
1. 你读到了什么;
|
||||
2. 当前完成到哪里;
|
||||
3. 测试是否仍然通过;
|
||||
4. MuMu 设备是否在线;
|
||||
5. 下一步准备审核哪个页面。
|
||||
|
||||
后续原则:
|
||||
- 整个项目必须自适应,不接受单页打补丁。
|
||||
- 内容高度由内容决定。
|
||||
- 弹窗只允许使用视口 max-height 和内部滚动。
|
||||
- 不能通过压缩字号或随意缩小元素掩盖布局问题。
|
||||
- 每修改一个页面,都必须在 MuMu 模拟器验证后再让我审核。
|
||||
|
||||
【人工验收断点】
|
||||
|
||||
- A 系列及 G01~G10 已经由用户在 MuMu 模拟器中逐页确认通过。
|
||||
- 当前正式验收断点是 G10「入谱审核」。
|
||||
- G10 的列表、审核说明、确认通过、确认拒绝等状态已经处理并通过。
|
||||
- G11、G12 虽然已完成响应式代码迁移和契约检查,但尚未经过用户逐页、逐状态正式验收。
|
||||
- 下一步必须从 G11「家谱设置」开始,在 MuMu 模拟器中逐页审核。
|
||||
- 不要重复调整已经通过的 G01~G10,除非发现全局改动造成了明确回归。
|
||||
Reference in New Issue
Block a user