Web 界面指南
认证场景见 认证场景。下表 国内 为默认文化节配置;美国 时 /staff-login 与登录码相关 UI 通常关闭。
页面一览
| 路径 | 说明 | 国内登录 | 美国登录 |
|---|---|---|---|
/ | 首页 | — | — |
/login | 登录 | 玩家 6 位码 | 三端 OAuth |
/staff-login | 工作人员 | 邮箱+密码 | 不使用 |
/play | 玩家答题 | 登录后进入 | 同左 |
/admin | 控场 | Staff 登录后 | OAuth Admin |
/show | 大屏 | Staff 登录后 | OAuth Display |
/term | 条款 | 公开 | 公开 |
玩家登录页 /login
国内
CnLoginPanel:6 位码 →玩家 #NNN- 游戏已开始可能被踢出(底部提示)
美国
UsLoginPanel+RegionToggle(需在login/page.tsx启用)- Google / Azure AD;无登录码输入
Staff 登录 /staff-login(仅国内)
- 邮箱 + 密码 → Admin
/admin或 Display/show - 链接返回
/login(玩家入口)
美国场景 Admin/Display 与玩家共用 /login OAuth,由邮箱白名单区分角色。
玩家端 /play
PlayHeader:显示名、轮次GameStatusCard:状态卡片- A/B 选项(mario 主题为像素按钮图)
- 监听 Socket:
game_state,new_question,eliminated,winner,tie,redirect
管理端 /admin
AdminHeader 按钮:
- 发布登录码 / 关闭登录码
- 重置游戏
- 登出
GameStatusPanel:存活、淘汰、轮次、winner/tie 显示名
QuestionList:13 道预设题,已发题标记
CurrentQuestionDisplay:当前题 A/B 票数
展示端 /show
- 无登录码时 / 等待:LoginCodeDisplay
- 有题目:GameContent + 倒计时
- WinnerModal / TieModal(
winnerDisplay/finalistsDisplay) - ConnectionFailedScreen:断线提示
主题差异
| 元素 | spring | mario |
|---|---|---|
| 背景 | cloud / 春节 | 像素 stage |
| 选项按钮 | aoption/boption | optionA-pixel / optionB-pixel |
| 字体 | 阿里妈妈东方大楷 | zpix 像素字体 |
由 layout.tsx 设置 html[data-theme]。