Skip to main content
Version: Current

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:断线提示

主题差异

元素springmario
背景cloud / 春节像素 stage
选项按钮aoption/boptionoptionA-pixel / optionB-pixel
字体阿里妈妈东方大楷zpix 像素字体

layout.tsx 设置 html[data-theme]