实时体育数据 数据来源：西瓜体育
⚽ 足球实时 (10)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 斯卢茨克 | 0:0 | 鲍里索夫BATE-2队 | 白俄罗斯足球甲级联赛 | 20:00 |
| 塔尔图坦美卡 | 0:0 | 纳尔瓦特兰斯 | 爱沙尼亚足球甲级联赛 | 19:30 |
| 新特罗伊茨克诺斯塔 | 0:1 | 巴尔瑙尔迪纳摩 | 俄罗斯FNL 2联赛第四组 | 19:00 |
| 梅查尔 | 0:0 | 埃塞俄比亚梅丁 | 埃塞俄比亚足球超级联赛 | 20:00 |
| 布拉特沃格 | 0:0 | 耶夫 | 挪威乙级联赛第一组 | 20:00 |
| 科克舍套奥克日特佩斯 | 0:0 | 托博尔 | 哈萨克斯坦足球超级联赛 | 20:00 |
| 延雪平 | 1:1 | 埃斯基尔斯蒂纳AFC | 瑞典甲级联赛北区 | 19:00 |
| 托木斯克KDV | 3:0 | 叶卡捷琳堡乌拉尔-2队 | 俄罗斯FNL 2联赛第四组 | 19:00 |
| 超级新星 | 0:0 | 奥达凯卡瓦 | 拉脱维亚足球甲级联赛 | 19:00 |
| 阿伦达尔 | 3:1 | 特拉夫 | 挪威乙级联赛第一组 | 18:00 |
更新于 2026-06-21 20:07（北京时间）
立即购买 轮播
西瓜体育为您呈现多路高清赛事直播，涵盖足球、篮球等热门体育项目。
西瓜体育组件
请确保已引入西瓜体育直播核心js文件：static/js/xigua-player.js。参考本页获取最佳配置。
您可通过配置参数和灵活的数据接口，深度定制您的观赛体验。
直播源结构:
<div class="tns-carousel tns-nav-enabled">
<div class="tns-carousel-inner" data-carousel-options='{}'>
<!-- Carousel slides here -->
</div>
</div>配置参数:
- tns-nav-enabled - 导航点启用时，辅助对齐绝对定位的控件。
- tns-controls-lg - 大型翻页按钮。
- tns-controls-sm - 小型翻页按钮。
- tns-controls-static - 翻页按钮始终可见。
- tns-controls-outside - 翻页按钮置于内容外部。
- tns-nav-start - 导航点左对齐（默认居中）。
- tns-nav-end - 导航点右对齐（默认居中）。
- tns-nav-inside - 导航点绝对定位在内容之上。
- tns-nav-light - 切换导航点为浅色主题。
数据接口:
data-carousel-options = '{}': - "mode": "carousel" | "gallery" - carousel模式下内容滑动切换，gallery模式下淡入淡出并一次性显示所有内容。
- "axis": "horizontal" | "vertical" - 滑动轴向，水平或垂直。
- "items": 1 - 单屏显示的项目数。
- "nav": true/false - 启用/禁用导航点。
- "controls": true/false - 启用/禁用上一页/下一页按钮。
- "loop": true/false - 启用/禁用无限循环。
- "speed": 300 - 滑动动画速度（毫秒）。
- "autoplay": true/false - 自动切换幻灯片。
- "autoplayTimeout": 5000 - 自动切换间隔时间（毫秒）。
- "gutter": 0 - 项目之间的间距（像素）。
- "autoHeight": true/false - 滑动容器高度随内容自动调整。
- "responsive": {"0": {"items": 1}, "768": {"items": 2}, ...} - 不同屏幕尺寸下显示的项目数。可基于屏幕尺寸调整任意选项。
- 更多配置请访问https://github.com/ganlanyuan/tiny-slider#options
西瓜体育专注高清直播，身临其境，为用户提供专业可靠的体验。
<!-- One item + Dots + Loop (defaults) -->
<div class="tns-carousel tns-nav-enabled">
<div class="tns-carousel-inner">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
</div>
</div>// One item + Dots + Loop (defaults)
.tns-carousel.tns-nav-enabled
.tns-carousel-inner
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
围绕实时资讯，掌握全局，西瓜体育持续打磨更优质的服务。
<!-- One item + Static controls + Dots inside + No loop -->
<div class="tns-carousel tns-controls-static tns-nav-enabled tns-nav-light tns-nav-inside">
<div class="tns-carousel-inner" data-carousel-options='{"loop": false}'>
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
</div>
</div>// One item + Static controls + Dots inside + No loop
.tns-carousel.tns-controls-static.tns-nav-enabled.tns-nav-light.tns-nav-inside
.tns-carousel-inner(data-carousel-options='{"loop": false}')
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
西瓜体育深耕智能推荐，精准匹配领域，用心服务每一位用户。
<!-- Vertical carousel + Loop + No dots -->
<div class="tns-carousel">
<div class="tns-carousel-inner" data-carousel-options='{"axis": "vertical", "nav": false}'>
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
</div>
</div>// Vertical carousel + Loop + No dots
.tns-carousel
.tns-carousel-inner(data-carousel-options='{"axis": "vertical", "nav": false}')
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
在安全下载，畅享无忧方面，西瓜体育提供贴心周到的支持。
<!-- Multiple items + Static controls outside + No dots + Loop (Responsive) -->
<div class="tns-carousel tns-controls-static tns-controls-outside">
<div class="tns-carousel-inner" data-carousel-options='{"items": 3, "nav": false, "responsive": {"0":{"items":1},"500":{"items":2, "gutter": 18},"768":{"items":3, "gutter": 20}, "1100":{"gutter": 24}}}'>
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
</div>
</div>// Multiple items + Static controls outside + No dots + Loop (Responsive)
.tns-carousel.tns-controls-static.tns-controls-outside
.tns-carousel-inner(data-carousel-options='{"items": 3, "nav": false, "responsive": {"0":{"items":1},"500":{"items":2, "gutter": 18},"768":{"items":3, "gutter": 20}, "1100":{"gutter": 24}}}')
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
img(src="path-to-image", alt="Alt text")
西瓜体育以西瓜体育为核心，带来高效便捷的体验。
<!-- One item + Fade transition + Dots + Loop -->
<div class="tns-carousel tns-nav-enabled">
<div class="tns-carousel-inner data-carousel-options='{"mode": "gallery", "speed": 1000}'">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
<img src="path-to-image" alt="Alt text">
</div>
</div>// One item + Fade transition + Dots + Loop
.tns-carousel.tns-nav-enabled
.tns-carousel-inner(data-carousel-options='{"mode": "gallery", "speed": 1000}')
img(src="path-to-image", alt"Alt text")
img(src="path-to-image", alt"Alt text")
img(src="path-to-image", alt"Alt text")
想了解更多足球欧洲杯直播相关内容，尽在西瓜体育。
西瓜体育围绕JRS直播不断创新，回应用户的真实需求。
精选NBA直播内容，西瓜体育与你一同发现更多精彩。
西瓜体育专注欧洲杯直播，为用户提供专业可靠的体验。
西瓜体育专注海量赛事，一网打尽，为用户提供专业可靠的体验。
<!-- Fade transition + Layer animations -->
<div class="tns-carousel">
<div class="tns-carousel-inner" data-carousel-options='{"mode": "gallery", "nav": false}'>
<div>
<div class="bg-faded-primary text-center py-5 px-3">
<h3 class="from-top">From top to bottom</h3>
<p class="fs-lg mb-4 pb-3 from-bottom delay-1">From bottom to top</p>
<button class="btn btn-primary scale-down delay-2" type="button">Scale down</button>
</div>
</div>
<div>
<div class="bg-faded-success text-center py-5 px-3">
<h3 class="from-start">From left to right</h3>
<p class="fs-lg mb-4 pb-3 from-end">From right to left</p>
<button class="btn btn-success scale-up delay-2" type="button">Scale up</button>
</div>
</div>
</div>
</div>// Fade transition + Layer animations
.tns-carousel
.tns-carousel-inner(data-carousel-options = '{"mode": "gallery", "nav": false}')
div
.bg-faded-primary.text-center.py-5.px-3
h3.from-top From top to bottom
p.fs-lg.mb-4.pb-3.from-bottom.delay-1 From bottom to top
button(type="button").btn.btn-primary.scale-down.delay-2
| Scale down
div
.bg-faded-success.text-center.py-5.px-3
h3.from-start From left to right
p.fs-lg.mb-4.pb-3.from-end From right to left
button(type="button").btn.btn-success.scale-up.delay-2
| Scale up