落地 synastry/star/ask API 与 H5 页面,补齐 cece-frontend-re complete-design 证据文档,并加入 Android 模拟器截图抓取脚本。 Co-authored-by: Cursor <cursoragent@cursor.com>
1.6 KiB
1.6 KiB
02 · Tab「消息」逆向设计
Evidence: ✅ E1/E4 分类 · 细交互多为 🟡/🔵(【待真机补证】)
STEP 1 — UI Analysis
| 区域 | 元素 | 证据 |
|---|---|---|
| 顶栏 | 标题「消息」· 可能「一键已读」 | 🟡 E6 |
| 分类 Tab/分组列表 | AI 消息 · 达人消息 · 社区互动 · 系统 · 商业 | ✅ E4 |
| 会话行 | 头像 · 标题 · 摘要 · 时间 · 未读红点 | 🟡 E6 |
| 空态 | 插画 +「去问问 AI」CTA | 🔵 E7 |
| 底栏 | 全局 Tab,消息角标 | 🟡 E6 |
STEP 2 — Feature Analysis
| 类型 | 作用 | 点击 | 删除/免扰 | 登录 |
|---|---|---|---|---|
| AI 消息 | 会话提醒/未读 AI | 进「问」对应线程 | 可删会话 🟡 | 是 |
| 达人消息 | 咨询回复 | 进咨询会话 | 是 | 是 |
| 社区 | 赞评关私信 | 进动态/私信 | 是 | 是 |
| 系统 | 公告/合规 | 详情页 | 通常不可删 | 是 |
| 商业 | 会员到期/订单/活动 | 会员/订单页 | 是 | 是 |
长按:删除会话 / 标记已读 / 免打扰 🟡 E6。
STEP 3 — User Flow
进入消息 → Loading → 列表
→ 点 AI 会话 → /ask 历史
→ 点达人 → 咨询页(可能支付状态校验)
→ 点系统 → H5/原生详情
失败:Token 失效登录;离线缓存只读 🔵
STEP 4 — 状态机
Init → Loading → Loaded | Empty | Offline | Error | LoginRequired
未读数:本地角标 ↔ 服务端 sync 🔵。
后台推导(摘要 · 详见 08)
推送通道、消息模板、免打扰时段、达人回复 SLA 监控 🔵。