feat: unify project responsive layouts

This commit is contained in:
rain
2026-07-21 20:59:10 +08:00
parent a0d19f4aab
commit 5d99bae3f2
94 changed files with 2324 additions and 404 deletions
+71
View File
@@ -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,除非发现全局改动造成了明确回归。