REITs TechDeveloper进入 UI Studio
UI 蓝图/身份与会话/OTP 验证
TARGETF4Web · 等待邮箱或手机验证码的用户

OTP 验证

验证码的发送、倒计时、重发、错误、过期与限流都在同一状态机内

/identity/verifyplatform-identity
UI STUDIOplatform-auth-otp
Web1440 × 900100%
100%
/identity/verify
TARGET UI1440 × 900FIT 100%
RREITS IDIDENTITY FABRIC
VERIFY YOUR IDENTITY

输入 6 位验证码

验证码已发送至 de•••••@company.com，有效期 10 分钟。

02 / 04
48271_
浏览器可自动填充或直接粘贴完整验证码08:42
58 秒后可重新发送
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK验证并继续主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTOtpChallengeready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINETARGET · 2026-07-17桌面/移动、浅色/错误态按稳定 Screen ID 留档

IMPLEMENTATION MAP

可以直接拆成开发任务的目标定义

目标稿与当前实现严格分轨；只有产品仓实现、测试与生产证据齐全后，才会转为 current evidence。

01

页面区域

  • 流程进度
  • 验证目标
  • 验证码输入
  • 重发与修改
  • 状态反馈
02

用户动作

  • 验证并继续
  • 重新发送
  • 更换账号
  • 返回登录
03

必须状态

  • 等待验证码输入
  • Challenge 加载
  • 验证码尚未输入
  • 重发能力部分不可用
  • 验证服务失败
  • 离线且 Challenge 已 stale
  • 发送或验证受限
  • 更换账号或重发确认
  • 验证成功
04

数据契约

  • OtpChallenge
  • OtpVerification
  • RateLimit
  • ReturnContext

TARGET MODULES

目标页面必须交付的模块

  1. 01验证目标遮罩
  2. 02六位验证码
  3. 03倒计时与重发
  4. 04更换账号
  5. 05安全与可访问性提示

PRODUCT ROUTE INDEX

身份与会话 的 7 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言，但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

01
统一登录选择/identity/sign-in
Web02
OTP 验证/identity/verify
Web03
强认证/identity/mfa
Web04
设备与会话/identity/sessions
Web05
Scope 与授权确认/identity/consent
Web06
账号恢复/identity/recovery
Web07
无权限与受限资源/identity/forbidden
Web
← 统一登录选择强认证 →