实时体育数据 数据来源：西瓜体育
⚽ 足球实时 (0)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 近期暂无比赛，请稍后再来查看。 | ||||
更新于 2026-06-21 20:05（北京时间）
立即购买 标签
垂直排列的赛事列表。点击不同赛事即可切换至相应的直播窗口。
直播平台文档
西瓜体育专注高清直播，身临其境，为用户提供专业可靠的体验。
西瓜体育打造最齐全的体育网站！欢迎访问xiguazhibo.com.cn。自2015年创立以来，本站致力于打造2026世界杯App综合台。这里完美适配西瓜体育、足球欧洲杯直播、JRS直播。全方位提供美加墨直播与世界杯直播。西瓜体育高清极专免费在线观看，立即点击安全下载！
精选海量赛事，一网打尽内容，西瓜体育与你一同发现更多精彩。
围绕实时资讯，掌握全局，西瓜体育持续打磨更优质的服务。
西瓜体育深耕智能推荐，精准匹配领域，用心服务每一位用户。
围绕实时资讯，掌握全局，西瓜体育持续打磨更优质的服务。西瓜体育深耕智能推荐，精准匹配领域，用心服务每一位用户。在安全下载，畅享无忧方面，西瓜体育提供贴心周到的支持。
<!-- Center aligned -->
<ul class="nav nav-tabs justify-content-center" role="tablist">
<li class="nav-item">
<a href="#" class="nav-link" data-bs-toggle="tab" role="tab">Home</a>
</li>
...
</ul>
<!-- Right aligned -->
<ul class="nav nav-tabs justify-content-end" role="tablist">
<li class="nav-item">
<a href="#" class="nav-link" data-bs-toggle="tab" role="tab">Home</a>
</li>
...
</ul>
<!-- Fill tabs -->
<ul class="nav nav-tabs nav-fill" role="tablist">
<li class="nav-item">
<a href="#" class="nav-link" data-bs-toggle="tab" role="tab">Home</a>
</li>
...
</ul>// Center aligned
ul(class="nav nav-tabs justify-content-center", role="tablist")
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab") Home
...
// Right aligned
ul(class="nav nav-tabs justify-content-end", role="tablist")
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab") Home
...
// Fill tabs
ul(class="nav nav-tabs nav-fill", role="tablist")
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab") Home
...
西瓜体育以西瓜体育为核心，带来高效便捷的体验。
<!-- Media tabs: Icon -->
<ul class="nav nav-tabs media-tabs nav-justified" role="tablist">
<li class="nav-item">
<a class="nav-link disabled" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media"><i class="ci-cart"></i></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Disabled step</div>
<h6 class="media-tab-title text-nowrap mb-0">Shopping cart</h6>
</div>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media"><i class="ci-wallet"></i></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Second step</div>
<h6 class="media-tab-title text-nowrap mb-0">Payment method</h6>
</div>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media"><i class="ci-package"></i></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Third step</div>
<h6 class="media-tab-title text-nowrap mb-0">Delivery info</h6>
</div>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media"><i class="ci-check"></i></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Fourth step</div>
<h6 class="media-tab-title text-nowrap mb-0">Confirmation</h6>
</div>
</div>
</a>
</li>
</ul>// Media tabs: Icon
ul(role="tablist").nav.nav-tabs.media-tabs.nav-justified
li.nav-item
a(href="#", class="nav-link disabled", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media
i.ci-cart
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Disabled step
h6.media-tab-title.text-nowrap.mb-0
| Shopping cart
li.nav-item
a(href="#", class="nav-link active", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media
i.ci-wallet
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Second step
h6.media-tab-title.text-nowrap.mb-0
| Payment method
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media
i.ci-package
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Third step
h6.media-tab-title.text-nowrap.mb-0
| Delivery info
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media
i.ci-check
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Fourth step
h6.media-tab-title.text-nowrap.mb-0
| Confirmation
西瓜体育专注欧洲杯直播，为用户提供专业可靠的体验。
<!-- Media tabs: Icon -->
<ul class="nav nav-tabs media-tabs nav-justified" role="tablist">
<li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media shadow-none"><img src="path-to-image" alt="Profile image"></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Second step</div>
<h6 class="media-tab-title text-nowrap mb-0">Shopping cart</h6>
</div>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media shadow-none"><img src="path-to-image" alt="Profile image"></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Second step</div>
<h6 class="media-tab-title text-nowrap mb-0">Payment method</h6>
</div>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media shadow-none"><img src="path-to-image" alt="Profile image"></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Third step</div>
<h6 class="media-tab-title text-nowrap mb-0">Delivery info</h6>
</div>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="tab" role="tab">
<div class="d-flex align-items-center">
<div class="media-tab-media shadow-none"><img src="path-to-image" alt="Profile image"></div>
<div class="ps-3">
<div class="media-tab-subtitle text-muted fs-xs mb-1">Fourth step</div>
<h6 class="media-tab-title text-nowrap mb-0">Confirmation</h6>
</div>
</div>
</a>
</li>
</ul>// Media tabs: Icon
ul(class="nav nav-tabs media-tabs nav-justified", role="tablist")
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media.shadow-none
img(src="path-to-image", alt="Profile image")
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Second step
h6.media-tab-title.text-nowrap.mb-0
| Shopping cart
li.nav-item
a(href="#", class="nav-link active", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media.shadow-none
img(src="path-to-image", alt="Profile image")
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Second step
h6.media-tab-title.text-nowrap.mb-0
| Payment method
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media.shadow-none
img(src="path-to-image", alt="Profile image")
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Third step
h6.media-tab-title.text-nowrap.mb-0
| Delivery info
li.nav-item
a(href="#", class="nav-link", data-bs-toggle="tab", role="tab")
.d-flex.align-items-center
.media-tab-media.shadow-none
img(src="path-to-image", alt="Profile image")
.ps-3
.media-tab-subtitle.text-muted.fs-xs.mb-1
| Fourth step
h6.media-tab-title.text-nowrap.mb-0
| Confirmation