三种模式呈现赛事详情。 1 — 全屏适配，沉浸体验, 2 — 宽度适配，内容优先, 3 — 无边距，流畅切换，便捷关闭。

每张赛事卡片可承载丰富图文。此示例支持预加载下一张赛事图片，优化浏览体验。如需触控滑动，请参考进阶指南。

确保赛事图片完全加载后再显示弹窗，或使用缩略图的缩放版本。当前缩放效果专为图片设计。

在移动设备上，赛事直播弹窗将自动调整为适合屏幕的尺寸，或触发链接的默认跳转。

动画效果基于简洁的CSS过渡，您可轻松定制专属视觉风格。更多创意动画尽在CodePen。

對話框範例

這是示範文字。它並非用於閱讀。此處放置僅為展示已排版完成文字的外觀與感覺。僅供參考。在此尋找意義的人將大失所望。

用户输入的赛事关注点或偏好，在弹窗关闭或页面切换后仍可保留，方便下次访问。

您可以完全自定义弹窗内容布局，将其精确对齐至任意位置，并控制滚动条的显示与否。

模拟赛事信息加载失败的提示。您可以自定义错误提示的文本与样式。

範例