45 lines
1.9 KiB
Markdown
45 lines
1.9 KiB
Markdown
# 页面名：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`
|
||
- 标题：「申请审核中」
|
||
- 副标题：「您的访问申请已提交成功，正在等待管理员审核，请耐心等待」
|
||
- 审核进度卡片：
|
||
- 标题「审核进度」+ 副文字「通常需要 1-3 个工作日」
|
||
- 三步进度条：已提交（绿色对勾圆圈）→ 审核中（高亮）→ 通过（灰色）
|
||
- 联系提示：聊天气泡图标 + 「如有疑问，请联系管理员」
|
||
- 底部按钮：登出箭头图标 + 「更换登录账号」
|
||
|
||
## 页面状态枚举
|
||
| 状态名 | 视觉表现 | 触发条件 |
|
||
|--------|----------|----------|
|
||
| 默认态 | 完整审核中展示（图标+进度+联系提示+底部按钮） | 始终 |
|
||
|
||
## 后端 API 依赖
|
||
无（纯展示页）
|
||
|
||
## 页面导航
|
||
- 来源：login（status=pending）/ apply（提交成功）
|
||
- 去向：login（点击"更换登录账号"）/ 用户再次打开小程序时重新判断状态
|
||
|
||
## 全局组件
|
||
- 无底部 TabBar
|
||
- 无 AI 悬浮按钮
|