Files
Neo-ZQYY/docs/h5_ui/interactions/reviewing.md

1.9 KiB
Raw Blame History

页面名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 依赖

无(纯展示页)

页面导航

  • 来源loginstatus=pending/ apply提交成功
  • 去向login点击"更换登录账号"/ 用户再次打开小程序时重新判断状态

全局组件

  • 无底部 TabBar
  • 无 AI 悬浮按钮