1.9 KiB
1.9 KiB
页面名:reviewing(审核中页)
PRD 参考:
apps/miniprogram/doc/prd.md第七节 7.3 已实现:是(apps/miniprogram/miniprogram/pages/reviewing/)
页面说明
纯展示页,告知用户申请正在审核中。包含审核进度展示和联系管理员提示。底部可切换登录账号。
状态变量
| 变量名 | 类型 | 初始值 | 说明 |
|---|---|---|---|
| (无) | — | — | 纯展示页,无交互状态 |
用户操作 → 响应
| 操作 | 触发条件 | 响应行为 | 目标状态 |
|---|---|---|---|
| 点击"更换登录账号" | 底部按钮 | 清除登录态 → redirectTo login | — |
视觉元素(忠于原型 HTML)
- 主图标:amber→orange 渐变圆角方块内,白色描边的圆形时钟 SVG(圆形表盘 + 时针分针折线),带上下浮动动画
- ⚠️ 此 SVG 较复杂,小程序实现时建议转为图片资源
/assets/images/icon-reviewing.png
- ⚠️ 此 SVG 较复杂,小程序实现时建议转为图片资源
- 标题:「申请审核中」
- 副标题:「您的访问申请已提交成功,正在等待管理员审核,请耐心等待」
- 审核进度卡片:
- 标题「审核进度」+ 副文字「通常需要 1-3 个工作日」
- 三步进度条:已提交(绿色对勾圆圈)→ 审核中(高亮)→ 通过(灰色)
- 联系提示:聊天气泡图标 + 「如有疑问,请联系管理员」
- 底部按钮:登出箭头图标 + 「更换登录账号」
页面状态枚举
| 状态名 | 视觉表现 | 触发条件 |
|---|---|---|
| 默认态 | 完整审核中展示(图标+进度+联系提示+底部按钮) | 始终 |
后端 API 依赖
无(纯展示页)
页面导航
- 来源:login(status=pending)/ apply(提交成功)
- 去向:login(点击"更换登录账号")/ 用户再次打开小程序时重新判断状态
全局组件
- 无底部 TabBar
- 无 AI 悬浮按钮