SCREENSHOTiOS · Matrix X 用户

登录入口

MOYU 手机/邮箱与第三方登录入口

LoginViewmatrix-x-chat-ios
LoginView
CURRENT UI390 × 844FIT 100%
REFERENCE VIEWPORT390 × 844Dynamic Type · safe area
PRIMARY TASK手机号登录主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTLegacy authready / loading / empty / error 使用同一 fixture
ACCESSIBILITYVoiceOver + 44pt焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINESCREENSHOT · 2026-07-15桌面/移动、浅色/错误态按稳定 Screen ID 留档

STATE LAB

同一页面的五个真实运行状态

开发者不能只交付 happy path。状态文案、可恢复动作、敏感数据边界和埋点都必须在同一个 Screen ID 下验收。

LOADING
读取中

保留页面骨架与任务上下文,不闪回空白页。

允许取消 / 返回
READY
输入焦点

已绑定 Legacy auth,主操作可用。

手机号登录
EMPTY
当前没有结果

解释为什么没有品牌标识,并给出下一步。

邮箱登录
ERROR
服务错误

显示稳定错误码和 request_id,不泄露堆栈或隐私。

重试 / 联系 owner
FORBIDDEN
权限不足

服务端拒绝后收起写操作;不能只靠前端隐藏。

返回安全页面
01 · SCREENmatrix-loginLoginView
02 · CONTRACTLegacy auth3 bound contracts
03 · TESTstate + a11y + visualdesktop / mobile / negative
04 · RELEASEexact commit requiredsmoke + rollback evidence

IMPLEMENTATION MAP

从当前页面拆出来的开发定义

这是结构与状态定义,不是重新发明一套视觉。视觉细化必须继续引用同一证据并通过 owner 评审。

01

页面区域

  • 系统状态栏
  • 品牌区
  • 主凭证输入
  • 方式切换
  • 主操作
  • 协议
02

用户动作

  • 手机号登录
  • 邮箱登录
  • Apple
  • Google
  • 注册
03

必须状态

  • 初始
  • 输入焦点
  • 不可提交
  • 服务错误
04

数据契约

  • Legacy auth
  • OTP
  • Third-party identity

CURRENT MODULES

现有页面可见模块

  1. 01品牌标识
  2. 02手机号下划线输入
  3. 03邮箱切换
  4. 04主登录按钮
  5. 05第三方登录

PRODUCT ROUTE INDEX

Matrix X Chat 的 14 个稳定 Screen ID

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

01
登录入口LoginView
iOS
02
会话列表ChatsTab
iOS
03
聊天室ChatView
iOS
04
联系人ContactsTab
iOS
05
工作台WorkbenchTab
iOS
06
全局搜索GlobalSearchView
iOS
07
新的朋友FriendRequestsView
iOS
08
群聊详情GroupDetailView
iOS
09
用户资料UserProfileView
iOS
10
应用市场AppMarketView
iOS
11
朋友圈MomentsView
iOS
12
钱包WalletView
iOS
13
设置与隐私SettingsView
iOS
14
小程序容器MiniAppContainerView
iOS