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

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
Trygg/Lade0:0洛伦斯科格挪威乙级联赛第2组20:30
内杰梅0:0马巴拉黎巴嫩超级联赛20:30
斯卢茨克0:0鲍里索夫BATE-2队白俄罗斯甲级联赛20:00
梅查尔0:0埃塞俄比亚Medhin队埃塞俄比亚超级联赛20:00
科克舍套奥克日特佩斯0:1托博尔哈萨克斯坦超级联赛20:00
布拉特沃格1:0耶尔夫挪威乙级联赛第1组20:00
塔尔图坦美卡0:0纳尔瓦特兰斯爱沙尼亚梅斯特里联赛19:30
新特罗伊茨克诺斯塔0:1巴尔瑙尔迪纳摩俄罗斯FNL 2联赛第4组19:00
特尔希艾久加斯0:2苏杜瓦立陶宛A联赛19:15
苏州东吴2:4云南玉昆足总杯19:00

🏀 篮球实时 (10)

主队比分客队联赛时间(北京)
拜仁慕尼黑篮球—柏林阿尔巴德国篮球甲级联赛22:30
摩纳哥篮球—巴黎篮球法国篮球国家联赛00:00
华沙莱吉亚—绿山城篮球波兰篮球联赛01:00
特拉维夫马卡比—特拉维夫哈普尔以色列篮球超级联赛01:50
斯卡伯勒射手星—尼亚加拉河狮加拿大精英篮球联赛04:00
拉斯维加斯王牌—金州女武神WNBA04:00
明尼苏达森林狼—华盛顿神秘客WNBA06:00
渥太华黑杰克—萨斯卡通曼巴加拿大精英篮球联赛07:00
西贡热火5:8河内水牛越南篮球协会20:30
阳光海岸凤凰103:70布里斯班首都NBL1北部赛区18:00

📅 今日赛程 (20)

主队比分客队联赛时间(北京)
厄瓜多尔0:0库拉索国际足联世界杯08:00
突尼斯0:4日本国际足联世界杯12:00
比利时—伊朗国际足联世界杯03:00
西班牙—沙特阿拉伯国际足联世界杯00:00
乌拉圭—佛得角国际足联世界杯06:00
伯明翰军团1:1劳登联美国USL冠军联赛08:00
塔尔萨FC1:2科罗拉多斯普林斯开关美国USL冠军联赛08:30
蒙特雷湾FC1:0埃尔帕索火车头美国USL冠军联赛10:00
菲尼克斯崛起3:4奥克兰根美国USL冠军联赛10:30
萨克拉门托共和国0:1新墨西哥联美国USL冠军联赛11:00
拉斯维加斯灯光2:3橙县SC美国USL冠军联赛10:30
博伊西AC1:0奥马哈联合美国USL一级联赛09:30
科珀斯克里斯蒂FC4:1萨拉索塔天堂美国USL一级联赛08:30
前进麦迪逊3:1纽约宇宙美国USL一级联赛08:00
斯波坎速度0:4一号诺克斯维尔美国USL一级联赛09:00
布朗海军上将—米特雷阿根廷乙级联赛02:30
中央北方—戈多伊克鲁斯阿根廷乙级联赛03:30
查卡里塔青年—特里斯坦·苏亚雷斯阿根廷乙级联赛02:30
格梅斯—胡胡伊体操击剑俱乐部阿根廷乙级联赛04:00
贝尔格拉诺捍卫者—全男孩阿根廷乙级联赛02:30
更新于 2026-06-21 20:36（北京时间）
西瓜体育
  • 实时预览
  • |
立即购买

标签页

海量赛事，尽在掌握。

直播平台文档

基本範例

<!-- Nav pills -->
<ul class="nav nav-pills">
  <li class="nav-item">
    <a href="#" class="nav-link active">Active</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link disabled" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>
// Nav pills
ul(class="nav nav-pills")
  li.nav-item
    a(href="#", class="nav-link active")
      | Active
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link disabled", tabindex="-1", aria-disabled="true")
      | Disabled

藥丸形狀的藥丸

<!-- Rounded nav pills -->
<ul class="nav nav-pills">
  <li class="nav-item">
    <a href="#" class="nav-link rounded-pill active">Active</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link rounded-pill">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link rounded-pill">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link rounded-pill disabled" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>
// Rounded nav pills
ul(class="nav nav-pills")
  li.nav-item
    a(href="#", class="nav-link rounded-pill active")
      | Active
  li.nav-item
    a(href="#", class="nav-link rounded-pill")
      | Link
  li.nav-item
    a(href="#", class="nav-link rounded-pill")
      | Link
  li.nav-item
    a(href="#", class="nav-link rounded-pill disabled", tabindex="-1", aria-disabled="true")
      | Disabled

填滿與左右對齊

<!-- Nav pills: Fill -->
<ul class="nav nav-pills nav-fill">
  <li class="nav-item">
    <a href="#" class="nav-link active">Active</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Much longer nav link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link disabled" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>

<!-- Nav pills: Justified -->
<ul class="nav nav-pills nav-justified">
  <li class="nav-item">
    <a href="#" class="nav-link active">Active</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link disabled" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>
// Nav pills: Fill
ul(class="nav nav-pills nav-fill")
  li.nav-item
    a(href="#", class="nav-link active")
      | Active
  li.nav-item
    a(href="#", class="nav-link")
      | Much longer nav link
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link disabled",  tabindex="-1", aria-disabled="true")
      | Disabled

// Nav pills: Justified
ul(class="nav nav-pills nav-justified")
  li.nav-item
    a(href="#", class="nav-link active")
      | Active
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link disabled",  tabindex="-1", aria-disabled="true")
      | Disabled

帶有下拉式選單的藥丸

<!-- Pills with dropdowns -->
<ul class="nav nav-pills">
  <li class="nav-item">
    <a href="#" class="nav-link active">Active</a>
  </li>
  <li class="nav-item dropdown">
    <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
    <div class="dropdown-menu">
      <a href="#" class="dropdown-item">Action</a>
      <a href="#" class="dropdown-item">Another action</a>
      <a href="#" class="dropdown-item">Something else here</a>
      <div class="dropdown-divider"></div>
      <a href="#" class="dropdown-item">Separated link</a>
    </div>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link disabled" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>
// Pills with dropdowns
ul(class="nav nav-pills")
  li.nav-item
    a(href="#", class="nav-link active")
      | Active
  li.nav-item.dropdown
    a(href="#", class="nav-link dropdown-toggle", data-bs-toggle="dropdown", role="button", aria-haspopup="true", aria-expanded="false")
      | Dropdown
    .dropdown-menu
      a(href='#').dropdown-item Action
      a(href='#').dropdown-item Another action
      a(href='#').dropdown-item Something else here
      .dropdown-divider
      a(href='#').dropdown-item Separated link
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link disabled",  tabindex="-1", aria-disabled="true")
      | Disabled

垂直藥丸

<!-- Vertical pills -->
<ul class="nav nav-pills flex-column">
  <li class="nav-item">
    <a href="#" class="nav-link active">Active</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Link</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link disabled" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>
// Vertical pills
ul(class="nav nav-pills flex-column")
  li.nav-item
    a(href="#", class="nav-link active")
      | Active
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link")
      | Link
  li.nav-item
    a(href="#", class="nav-link disabled", tabindex="-1", aria-disabled="true")
      | Disabled

JavaScript 行為

西瓜体育打造最齐全的体育网站！欢迎访问xiguazhibo.com.cn。自2015年创立以来，本站致力于打造2026世界杯App综合台。这里完美适配西瓜体育、足球欧洲杯直播、JRS直播。全方位提供美加墨直播与世界杯直播。西瓜体育高清极专免费在线观看，立即点击安全下载！

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

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

<!-- Nav pills -->
<ul class="nav nav-pills mb-3" role="tablist">
  <li class="nav-item">
    <a href="#" class="nav-link active" id="pills-home1" data-bs-toggle="pill" role="tab" aria-controls="home1" aria-selected="true">
      <i class="ci-home me-2"></i>
      Home
    </a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link" id="pills-profile1" data-bs-toggle="pill" role="tab" aria-controls="profile1" aria-selected="false">
      <i class="ci-user me-2"></i>
      Profile
    </a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link" id="pills-messages1" data-bs-toggle="pill" role="tab" aria-controls="messages1" aria-selected="false">
      <i class="ci-message me-2"></i>
      Messages
    </a>
  </li>
</ul>

<!-- Pills content -->
<div class="tab-content">
  <div id="home1" class="tab-pane fade show active" role="tabpanel" aria-labelledby="pills-home1">
    ...
  </div>
  <div id="profile1" class="tab-pane fade" role="tabpanel" aria-labelledby="pills-profile1">
    ...
  </div>
  <div id="messages1" class="tab-pane fade" role="tabpanel" aria-labelledby="pills-messages1">
    ...
  </div>
</div>
// Nav pills
ul(class="nav nav-pills mb-3", role="tablist")
  li.nav-item
    a(href="#home1", class="nav-link active", id="pills-home1", data-bs-toggle="pill", role="tab", aria-controls="home1", aria-selected="true")
      i.ci-home.me-2
      | Home
  li.nav-item
    a(href="#profile1", class="nav-link", id="pills-profile1", data-bs-toggle="pill", role="tab", aria-controls="profile1", aria-selected="false")
      i.ci-user.me-2
      | Profile
  li.nav-item
    a(href="#messages1", class="nav-link", id="pills-messages1", data-bs-toggle="pill", role="tab", aria-controls="messages1", aria-selected="false")
      i.ci-message.me-2
      | Messages

// Pills content
.tab-content
  #home1.tab-pane.fade.show.active(role="tabpanel", aria-labelledby="pills-home1")
    | ...
  #profile1.tab-pane.fade(role="tabpanel", aria-labelledby="pills-profile1")
    | ...
  #messages1.tab-pane.fade(role="tabpanel", aria-labelledby="pills-messages1")
    | ...
顶部
粤ICP备202434096647号
西瓜体育科技有限公司为全球体育爱好者提供最全面、最流畅、最清晰的赛事直播与资讯服务。电话：+86 150 5184 1496邮箱：service@xiguazhibo.com.cn微信：xiguazhibo_641营业时间：7×24上海市浦东新区张江路27号