@@ -1,6 +1,6 @@
|
||||
# “我的”Tab 设置与账号安全 PRD
|
||||
|
||||
更新时间：`2026-04-19`
|
||||
更新时间：`2026-04-20`
|
||||
|
||||
## 0. 目标
|
||||
|
||||
@@ -56,7 +56,12 @@
|
||||
|
||||
## 3. 信息架构
|
||||
|
||||
设置中心建议固定为五段：
|
||||
设置中心首层固定为两段：
|
||||
|
||||
1. 主题外观
|
||||
2. 账号信息
|
||||
|
||||
其中“账号信息”二级面板固定承载以下内容：
|
||||
|
||||
1. 账号概况
|
||||
2. 当前安全状态
|
||||
@@ -66,10 +71,14 @@
|
||||
|
||||
交互层级要求补充为：
|
||||
|
||||
1. 设置首页只展示分区入口与危险操作，不在首页内联展开具体详情
|
||||
1. 设置首页只展示“主题外观”“账号信息”两个分区入口与危险操作，不在首页内联展开具体详情
|
||||
2. 点击任一分区入口后，必须进入独立二级面板
|
||||
3. 二级面板负责单一任务，不允许把详情继续堆在入口列表下面
|
||||
4. 更换手机号属于独立操作面板，不允许在账号概况面板内直接展开表单
|
||||
3. 安全状态、登录设备、操作记录不再作为首页独立入口，统一归入“账号信息”二级面板
|
||||
4. 更换手机号属于独立操作面板，不允许在账号信息面板内直接展开表单
|
||||
5. 设置首页头部只保留一套主标题，不允许在内容区再重复放置“设置首页”“选择要管理的内容”这类二次标题块
|
||||
6. 子面板导航动作必须单一明确；同一层面板内有“返回”时，不再同时展示“关闭”
|
||||
7. 设置首页与各级子面板都必须定义单一滚动容器，列表内容必须可稳定滚动，禁止外层与内层同时争夺滚动
|
||||
8. 二级或三级面板打开后，下层内容必须进入不可交互状态，并把焦点主动转移到当前面板内；禁止对仍保留焦点的祖先节点使用 `aria-hidden`
|
||||
|
||||
底部保留两个危险操作按钮：
|
||||
|
||||
@@ -87,7 +96,6 @@
|
||||
- 登录方式
|
||||
- 手机号脱敏值
|
||||
- 微信绑定状态
|
||||
- 账号状态
|
||||
|
||||
这里只看信息，不做大编辑动作。
|
||||
|
||||
@@ -201,11 +209,14 @@
|
||||
|
||||
1. 设置继续采用当前账号弹窗基础形态即可
|
||||
2. 移动端优先底部弹层，桌面端可居中弹窗
|
||||
3. 设置首页只保留分区入口，不直接承载分区详情内容
|
||||
4. 分区详情必须通过独立子面板承载，移动端优先使用全宽底部子弹层，桌面端使用覆盖在设置首页之上的居中子面板
|
||||
3. 设置首页只保留“主题外观”“账号信息”两个入口，不再单独展示安全状态、登录设备、操作记录入口
|
||||
4. “账号信息”二级面板直接承载账号概况、安全状态、登录设备、操作记录四块内容，移动端优先纵向滚动，桌面端保持同一面板内稳定扫读
|
||||
5. 更换手机号必须通过独立操作面板完成，不再使用当前面板内联展开表单
|
||||
6. 危险操作按钮与普通按钮必须明显区分
|
||||
7. 设置首页标题处禁止展示手机号、脱敏手机号或手机号形态的 displayName
|
||||
8. 设置首页不额外堆砌规则说明文案，标题下直接进入可操作内容
|
||||
9. 子面板采用覆盖式独立面板承载详情，返回上一级时恢复首页，不在同层同时出现双导航动作
|
||||
10. 面板切换必须保证键盘焦点始终停留在当前活跃面板内，返回上一级后焦点恢复到触发入口
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user