三种缩放模式的赛事信息展示：1. 适应屏幕宽高；2. 仅横向调整；3. 无边距，缩放动画，右上角关闭。

您可在每场赛事详情页嵌入任意HTML内容，并混合多种内容类型。本示例支持滑动方向预加载下一场赛事信息。如需添加触控滑动支持，请参考相关技术文档。

若希望赛事信息完全加载后再打开详情，可使用JavaScript预加载。或采用缩小尺寸图片代替缩略图。缩放效果目前仅支持图片。

此示例中，赛事详情在小屏幕尺寸下会自动禁用，并触发链接的默认行为。

动画效果通过简单CSS过渡实现，可根据需求自定义外观。更多动画效果可在CodePen上找到。

對話框範例

這是測試文字。它不應被閱讀。它僅在此處用於展示完成的、排版好的文字的外觀和感覺。僅供參考。在此尋找意義的人將大失所望。

在打开、关闭弹窗或浏览其他页面后返回时，用户输入的数据将完整保留。

您可以完全控制弹窗内容显示，通过CSS将其对齐至任何位置，并自由启用或禁用右侧滚动条。

赛事详情弹窗锁定，需程序化关闭

此为展示错误消息的基本示例。您可以根据需要更改文本或进行样式调整。

範例