Appearance
P22 个人资料与协议页
页面概述
- 页面名称：个人资料与协议页
- 页面目标：管理用户头像、昵称，并查看协议与政策
- 适用角色：已登录用户
- 页面入口：P21
页面组成
1. 用户资料区
字段说明：
| 字段 | 说明 |
|---|---|
avatarUrl | 用户头像，可编辑 |
nickName | 用户昵称，可编辑 |
phoneMasked | 脱敏手机号，只读 |
registerTime | 注册时间 |
2. 协议区
字段说明：
| 字段 | 说明 |
|---|---|
userAgreement | 用户协议链接 |
privacyPolicy | 隐私政策链接 |
aboutUs | 关于我们链接 |
infoCollectionList | 信息收集清单链接 |
交互与按钮
| 按钮 | 显示条件 | 动作 |
|---|---|---|
| 更换头像 | 固定显示 | 调起头像选择 |
| 修改昵称 | 固定显示 | 输入新昵称并保存 |
| 查看协议 | 固定显示 | 打开 H5 或富文本协议页 |
业务规则
交互逻辑
- 用户资料修改成功后，需同步更新“我的”页中的头像与昵称。
校验规则
- 昵称长度限制：2-20 个字符
- 昵称内容限制：不允许纯空格
- 头像格式：jpg/png
- 头像大小：不超过 5MB
- 其中头像格式与大小限制为 [AI假设项 A1]
异常提示
- 昵称非法时提示：
请输入 2-20 个字符的昵称
空状态 / 加载中 / 失败态
- 协议列表拉取失败时，展示默认本地文案链接占位。
- 该处理为 [AI假设项 A1]。
跳转关系
P22 -> 协议 H5
埋点建议
| 事件名 | 说明 |
|---|---|
profile_show | 个人资料与协议页曝光 |
profile_avatar_update | 用户更新头像 |
profile_nickname_update | 用户更新昵称 |
agreement_click | 点击协议/政策链接 |
实现备注
- 协议内容支持通过 H5 或 富文本页面 承载。
- 手机号字段仅展示脱敏结果，不提供编辑能力。
- 页面面向已登录用户，默认依赖用户账户信息拉取与展示。