U8 Chat 2.0 · 修改手机号(换绑)· 移动端逐屏讲解 & 可点击演示

依据客户 Figma 设计稿 U8 Chat 2.0 · section「我的-修改手机号」(node 1076-34256,11 个画板)1:1 还原 —— 版式、文案、弹窗样式全部按设计稿,不再自造
入口路径:我的 → 右上角「编辑」 → 编辑资料 → 手机号(M1 → M2 → M3)· 设计稿没画但必须有的一屏另列 M13–M17
本次改的是流程:现状「输入新号 → 验新号 → 直接换绑」→ 改为「先验证当前号码,再验证新号码」
设计稿已有 11 屏(M2–M12,与 11 个画板一一对应)· 本次补充 6 屏(M1、M13–M17)· 全案 17 屏
页面上的虚线框就是可点的地方(鼠标悬停显示它会跳到哪一屏),点它就能沿真实流程走下一屏;左栏可按「设计稿已有 / 本次补充」筛屏。
配套文档:完整 PRD(网页版) PRD(Markdown)

白卡片 = 列表 / 可操作项 品牌紫 = 主操作、可点的文字(与截图一致) 灰底按钮 = 条件未满足,不可点 红色 = 错误提示 / 校验未通过
左栏圆点: 截图已有   本次新增 · 关键缺口(P0)   本次新增 · 状态与规则屏(P1) ← → 切屏 · H 显示/隐藏热区 · 悬停虚线框看它去哪