落地 synastry/star/ask API 与 H5 页面,补齐 cece-frontend-re complete-design 证据文档,并加入 Android 模拟器截图抓取脚本。 Co-authored-by: Cursor <cursoragent@cursor.com>
2.3 KiB
13 · 在线完整设计(达人 Marketplace)
Route:
/online· Design Complete
1. 目标
达人发现 → 下单 → 文字/语音/连麦服务 → 评价 → 复购。
2. UI 清单
2.1 列表页(✅ E8 部分 · 与「问·真人1v1」同构)
底栏「在线」带运营角标 「限免」;新客链路易直达「向TA提问」收银页(券弹层「我知道了」),列表本体与问-真人轨共用筛选:
| 区 | 元素 |
|---|---|
| 顶栏双轨残留 | 若从问切入可仍见「测测AI / 真人1v1」 |
| 筛选 | 综合排序 · 全部工具 · 筛选 · 新客半价 |
| ExpertCard | 头像、活跃、好评率、测友推荐、价格/次 |
| 限免漏斗 | 点进 → 向TA提问(文字/语音/合盘/星盘…)+ 测测币/卡券/VIP 折扣 |
2.2 详情页 /online/experts/{id}
简介 · 资质标 · 服务 SKU(文字/语音/连麦+单价+时长)· 评价列表 · 底部「立即咨询」· 收藏。
2.3 下单确认 Sheet
SKU · 优惠券 · 协议勾选 · 应付金额 · 去支付。
2.4 会话页 /consult/{orderId}
| 模式 | UI |
|---|---|
| 文字 | 聊天 + 剩余时长/条数 |
| 语音 | 语音条 |
| 连麦 | 通话 UI + 权限 |
结束:评价 1–5 星 + 标签 + 文字。
3. 订单状态机(前端必须渲染)
Created → Paying → Paid → WaitingAccept → InService → Completed → Reviewed
旁路:Cancelled · Rejected · Refunding · Refunded · Expired
超时:Paid 后 N 分钟未接单自动退款(N 后台配,默认 15)。
4. API
GET /v1/experts · GET /v1/experts/{id} · POST /v1/consult/orders · POST /v1/consult/orders/{id}/pay · GET /v1/consult/orders/{id} · POST /v1/consult/orders/{id}/cancel · POST /v1/consult/orders/{id}/review · 消息走 IM 通道(WS)。
5. 权限与安全
麦克风/相机权限拒绝 → 引导设置,降级文字。
举报入口:会话内 · 详情页。
未成年人:禁止连麦(D)。
6. 埋点
online_expose · expert_click · consult_sku_select · consult_pay_success · consult_review_submit
7. 校验 ID
V-O01 筛选维度 · V-O02 SKU 种类 · V-O03 价格展示 · V-O04 评价表单