实时体育数据 数据来源：西瓜体育

⚽ 足球实时 (10)

主队	比分	客队	联赛	时间(北京)
塔尔图·塔梅卡	0:0	纳尔瓦·特兰斯	爱沙尼亚梅斯特里联赛	19:30
斯卢茨克	0:0	鲍里索夫BATE-2队	白俄罗斯甲级联赛	20:00
新特罗伊茨克诺斯塔队	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:08（北京时间）

实时体育数据 数据来源：西瓜体育

⚽ 足球实时 (10)

主队	比分	客队	联赛	时间(北京)
塔尔图·塔梅卡	0:0	纳尔瓦·特兰斯	爱沙尼亚梅斯特里联赛	19:30
斯卢茨克	0:0	鲍里索夫BATE-2队	白俄罗斯甲级联赛	20:00
新特罗伊茨克诺斯塔队	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:08（北京时间）

加载动画

实时显示赛事加载状态，确保流畅观赛体验。

直播平台文档

西瓜体育专注高清直播，身临其境，为用户提供专业可靠的体验。

<!-- Dark (default) spinner -->
<div class="spinner-border" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Gray spinner -->
<div class="spinner-border text-muted" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Primary spinner -->
<div class="spinner-border text-primary" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Accent spinner -->
<div class="spinner-border text-accent" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Secondary spinner -->
<div class="spinner-border text-secondary" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Success spinner -->
<div class="spinner-border text-success" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Danger spinner -->
<div class="spinner-border text-danger" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Warning spinner -->
<div class="spinner-border text-warning" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Info spinner -->
<div class="spinner-border text-info" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Light spinner -->
<div class="spinner-border text-light" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

// Dark (default) spinner
div(role="status").spinner-border
  span.visually-hidden
    | Loading...

// Gray spinner
div(role="status").spinner-border.text-muted
  span.visually-hidden
    | Loading...

// Primary spinner
div(role="status").spinner-border.text-primary
  span.visually-hidden
    | Loading...

// Accent spinner
div(role="status").spinner-border.text-accent
  span.visually-hidden
    | Loading...

// Secondary spinner
div(role="status").spinner-border.text-secondary
  span.visually-hidden
    | Loading...

// Success spinner
div(role="status").spinner-border.text-success
  span.visually-hidden
    | Loading...

// Danger spinner
div(role="status").spinner-border.text-danger
  span.visually-hidden
    | Loading...

// Warning spinner
div(role="status").spinner-border.text-warning
  span.visually-hidden
    | Loading...

// Info spinner
div(role="status").spinner-border.text-info
  span.visually-hidden
    | Loading...

// Light spinner
div(role="status").spinner-border.text-light
  span.visually-hidden
    | Loading...

围绕实时资讯，掌握全局，西瓜体育持续打磨更优质的服务。

<!-- Dark (default) spinner -->
<div class="spinner-grow" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Gray spinner -->
<div class="spinner-grow text-muted" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Primary spinner -->
<div class="spinner-grow text-primary" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Secondary spinner -->
<div class="spinner-grow text-secondary" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Success spinner -->
<div class="spinner-grow text-success" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Danger spinner -->
<div class="spinner-grow text-danger" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Warning spinner -->
<div class="spinner-grow text-warning" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Info spinner -->
<div class="spinner-grow text-info" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Light spinner -->
<div class="spinner-grow text-light" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

// Dark (default) spinner
div(role="status").spinner-grow
  span.visually-hidden
    | Loading...

// Gray spinner
div(role="status").spinner-grow.text-muted
  span.visually-hidden
    | Loading...

// Primary spinner
div(role="status").spinner-grow.text-primary
  span.visually-hidden
    | Loading...

// Secondary spinner
div(role="status").spinner-grow.text-secondary
  span.visually-hidden
    | Loading...

// Success spinner
div(role="status").spinner-grow.text-success
  span.visually-hidden
    | Loading...

// Danger spinner
div(role="status").spinner-grow.text-danger
  span.visually-hidden
    | Loading...

// Warning spinner
div(role="status").spinner-grow.text-warning
  span.visually-hidden
    | Loading...

// Info spinner
div(role="status").spinner-grow.text-info
  span.visually-hidden
    | Loading...

// Light spinner
div(role="status").spinner-grow.text-light
  span.visually-hidden
    | Loading...

Size

<!-- Small border spinner -->
<div class="spinner-border spinner-border-sm" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Small growing spinner -->
<div class="spinner-grow spinner-grow-sm" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Custom size border spinner -->
<div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Custom size growing spinner -->
<div class="spinner-grow" style="width: 3rem; height: 3rem;" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

// Small border spinner
div(role="status").spinner-border.spinner-border-sm
  span.visually-hidden
    | Loading...

// Small growing spinner
div(role="status").spinner-grow.spinner-grow-sm
  span.visually-hidden
    | Loading...

// Custom size border spinner
div(style="width: 3rem; height: 3rem;", role="status").spinner-border
  span.visually-hidden
    | Loading...

// Custom size growing spinner
div(style="width: 3rem; height: 3rem;", role="status").spinner-grow
  span.visually-hidden
    | Loading...

西瓜体育深耕智能推荐，精准匹配领域，用心服务每一位用户。

<!-- Button with border spinner -->
<button type="button" class="btn btn-primary btn-icon">
  <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
</button>

<!-- Button with border spinner and text -->
<button type="button" class="btn btn-primary">
  <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
  Loading...
</button>

<!-- Button with growing spinner -->
<button type="button" class="btn btn-secondary btn-icon">
  <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
</button>

<!-- Button with growing spinner and text -->
<button type="button" class="btn btn-secondary">
  <span class="spinner-grow spinner-grow-sm me-2" role="status" aria-hidden="true"></span>
  Loading...
</button>

// Button with border spinner
button(type="button").btn.btn-primary.btn-icon
  span(role="status", aria-hidden="true").spinner-border.spinner-border-sm

// Button with border spinner and text
button(type="button").btn.btn-primary
  span(role="status", aria-hidden="true").spinner-border.spinner-border-sm.me-2
  | Loading...

// Button with growing spinner
button(type="button").btn.btn-secondary.btn-icon
  span(role="status", aria-hidden="true").spinner-grow.spinner-grow-sm

// Button with growing spinner and text
button(type="button").btn.btn-secondary
  span(role="status", aria-hidden="true").spinner-grow.spinner-grow-sm.me-2
  | Loading...