# 页面名:no-permission(无权限页) > PRD 参考:`apps/miniprogram/doc/prd.md` 第七节 7.4 > 已实现:是(`apps/miniprogram/miniprogram/pages/no-permission/`) ## 页面说明 纯展示页,告知用户申请被拒或账号无权限。包含可能原因列表和联系管理员信息。底部可切换登录账号。 ## 状态变量 | 变量名 | 类型 | 初始值 | 说明 | |--------|------|--------|------| | (无) | — | — | 纯展示页,无交互状态 | ## 用户操作 → 响应 | 操作 | 触发条件 | 响应行为 | 目标状态 | |------|----------|----------|----------| | 点击"更换登录账号" | 底部按钮 | 清除登录态 → redirectTo login | — | ## 视觉元素(忠于原型 HTML) - 主图标:rose→red 渐变圆角方块内,白色描边的禁止符号 SVG(圆形 + 对角线) - ⚠️ 此 SVG 较复杂,小程序实现时建议转为图片资源 `/assets/images/icon-no-permission.png` - 标题:「无访问权限」 - 副标题:「很抱歉,您的访问申请未通过审核,或当前账号无访问权限」 - 原因卡片: - 标题「可能的原因」(Material 风格 info 图标) - 列表项:申请信息不完整或不符合要求 / 非本店授权员工账号 / 账号权限已被管理员收回 - 联系管理员:问号圆圈图标 + 「如有疑问,请联系管理员重新申请」 - 底部按钮:登出箭头图标 + 「更换登录账号」 ## 页面状态枚举 | 状态名 | 视觉表现 | 触发条件 | |--------|----------|----------| | 默认态 | 完整无权限展示(图标+原因+联系提示+底部按钮) | 始终 | ## 后端 API 依赖 无(纯展示页) ## 页面导航 - 来源:login(status=rejected / disabled) - 去向:login(点击"更换登录账号")/ 用户再次打开小程序时重新判断状态 ## 全局组件 - 无底部 TabBar - 无 AI 悬浮按钮