1.3 KiB
1.3 KiB
M53 Contract 页面迁移准备
Guild 页面完成统一 UI 验收后,Contract 页面沿用同一套 16:9 centered design canvas、固定内层文字尺寸与自适应外层间距规则。
模块边界
ContractWorldBackground:静态手绘世界层,仅负责 aspect-cover 与深度层。ContractHeader:页面标题、副标题、返回与资源状态槽位。ContractBoard:委托板材质与板内文字槽位;标题、难度、奖励、状态分为独立子槽。ContractPartySummary:队伍头像、人数、风险摘要,不绘制背景世界层。ContractActionDock:唯一主动作与次级返回动作,沿用共享按钮状态。ContractNavigation:页面级返回/切换命中区,与可见文案分离。
迁移约束
- 先测量设计稿边界,再写 normalized rect;不得以截图目测坐标替代槽位。
- 静态 master、runtime content、hit area 三类所有权分离,禁止重复绘制边框、徽章和提示。
- 中文与英文实际文案必须在 760×360、844×390、1280×720 分别验证,文字不得越界或遮挡。
- 先迁移空状态与可用状态,再迁移已返回状态;不同信息架构不共用同一强制模板。
- 保持现有 Contract domain、Save、路由和稳定节点名不变。