学校巡礼与组委会

适用对象：关注参赛学校、组委会信息的球迷、学校及志愿者。

最后更新：2026-06-07

学校巡礼#

入口：/schools

沉浸式体验#

学校巡礼页面采用沉浸式滚动剧场设计：

• 球场背景：页面以足球场为背景，营造赛场氛围。
• 队徽滚动展示：随页面滚动，各校队徽依次浮现。
• 沉浸模式：滚动时顶部导航栏与底部标签栏会渐隐，让您专注浏览学校信息。
• 3D 队徽环：在支持 WebGL 的设备上（桌面端推荐），队徽以 3D 圆环形式旋转展示；低端设备或启用了"减少动画"偏好的用户自动降级为静态展示。

队徽说明#

• 每所学校都有亮色和暗色两版队徽，随网站主题自动切换。
• 队名需与后台「球队名册」一致才会正确显示徽标。

适合场景#

赛前了解各队风格与学校背景，感受参赛球队的文化底蕴。

组委会#

入口：/committee

缘起故事#

锦兰杯创办背景与理念，赛事宗旨与愿景。可在后台「内容管理 → 组委会」中编辑。

历届名册 3D 展示#

可交互浏览历届组委会成员。使用 WebGL/Three.js 技术，低配设备可能略慢。

成员聚光灯#

组委会页面设有成员聚光灯轮播：

• 卡片叠层布局：当前成员海报居中展示，前后成员以缩小、旋转、带阴影的卡片形式在两侧若隐若现。
• 交互方式：点击左右箭头切换、键盘 ←/→ 切换、或在触摸屏上左右拖拽卡片即可翻页。
• 自动播放：每 5 秒自动切换下一位成员。
• 成员签名：每张海报下方展示该成员的个性签名或寄语（由后台「组委会 → 成员签名」配置）。

联系方式#

与页脚官方渠道一致，包含 QQ、微信、B站、微信公众号、抖音等。

相关文档#

• 官方联络：紧急联络方式
• 组委会成员申请：如有意加入组委会，请通过官方渠道联系