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

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
Trygg/Lade0:0洛伦斯科格挪威乙级联赛第2组20:30
内杰梅0:0马巴拉黎巴嫩足球超级联赛20:30
斯卢茨克0:0鲍里索夫BATE-2队白俄罗斯足球甲级联赛20:00
梅查尔0:0埃塞俄比亚梅丁埃塞俄比亚足球超级联赛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:5河内水牛队越南篮球协会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:35(北京时间)

侧边栏

西瓜体育为您打造即时隐藏式侧边栏,整合赛事信息、实时数据等。本组件完美适配移动端,亦可作为桌面端导航的动态扩展,提供更流畅的观赛体验。

直播平台文档

左側側邊欄

側邊欄內容可在此處放置。您可以放置幾乎任何 Bootstrap 組件或自訂元素。

右側側邊欄

精选海量赛事,一网打尽内容,西瓜体育与你一同发现更多精彩。

底部側邊欄

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

側邊欄組件

<!-- Offcanvas -->
<div class="offcanvas offcanvas-start" id="offcanvas" tabindex="-1">

  <!-- Header -->
  <div class="offcanvas-header border-bottom">
    <h6 class="offcanvas-title">Menu</h6>
    <button class="btn-close" type="button" data-bs-dismiss="offcanvas"></button>
  </div>

  <!-- Body -->
  <div class="offcanvas-body" data-simplebar>
    <ul class="nav flex-column">
      <li class="nav-item"><a class="nav-link px-0 active" href="#">Home</a></li>
      <li class="nav-item dropdown"><a class="nav-link px-0" href="#">User Profile</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">Services</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">Our Works</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">About</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">Our Team</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">Vendor Dashboard</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">Contacts</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">Help Center</a></li>
      <li class="nav-item"><a class="nav-link px-0" href="#">Support</a></li>
    </ul>
  </div>

  <!-- Footer -->
  <div class="offcanvas-footer border-top">
    <button class="btn btn-outline-primary btn-sm w-100 me-2" type="button">
      <i class="ai-log-in me-1"></i>
      Sign In
    </button>
    <button class="btn btn-primary btn-sm w-100" type="button">
      <i class="ai-user me-1"></i>
      Sign Up
    </button>
  </div>
</div>
// Offcanvas
.offcanvas.offcanvas-start(id="offcanvas", tabindex="-1")

  // Header
  .offcanvas-header.border-bottom
    h6.offcanvas-title Menu
    button(type="button", data-bs-dismiss="offcanvas").btn-close

  // Body
  .offcanvas-body(data-simplebar)
    ul.nav.flex-column
      li.nav-item
        a(href="#").nav-link.px-0.active
          | Home
      li.nav-item.dropdown
        a(href="#").nav-link.px-0
          | User Profile
      li.nav-item
        a(href="#").nav-link.px-0
          | Services
      li.nav-item
        a(href="#").nav-link.px-0
          | Our Works
      li.nav-item
        a(href="#").nav-link.px-0
          | About
      li.nav-item
        a(href="#").nav-link.px-0
          | Our Team
      li.nav-item
        a(href="#").nav-link.px-0
          | Vendor Dashboard
      li.nav-item
        a(href="#").nav-link.px-0
          | Contacts
      li.nav-item
        a(href="#").nav-link.px-0
          | Help Center
      li.nav-item
        a(href="#").nav-link.px-0
          | Support

  // Footer
  .offcanvas-footer.border-top
    button(type="button").btn.btn-outline-primary.btn-sm.w-100.me-2
      i.ai-log-in.me-1
      | Sign In
    button(type="button").btn.btn-primary.btn-sm.w-100
      i.ai-user.me-1
      | Sign Up

放置

<!-- Offcanvas position: Left -->

<!-- Toogle button -->
<button class="btn btn-outline-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasLeft">Toggle left offcanvas</button>

<!-- Offcanvas -->
<div class="offcanvas offcanvas-start" id="offcanvasLeft" tabindex="-1">
  <div class="offcanvas-header border-bottom">
    <h5 class="offcanvas-title">Left offcanvas</h5>
    <button class="btn-close" type="button" data-bs-dismiss="offcanvas"></button>
  </div>
  <div class="offcanvas-body" data-simplebar>
    <p class="fs-sm">Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.</p>
  </div>
</div>


<!-- Offcanvas position: Right -->

<!-- Toogle button -->
<button class="btn btn-outline-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight">Toggle right offcanvas</button>

<!-- Offcanvas -->
<div class="offcanvas offcanvas-end" id="offcanvasRight" tabindex="-1">
  <div class="offcanvas-header border-bottom">
    <h5 class="offcanvas-title">Right offcanvas</h5>
    <button class="btn-close" type="button" data-bs-dismiss="offcanvas"></button>
  </div>
  <div class="offcanvas-body" data-simplebar>
    <p class="fs-sm">Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.</p>
  </div>
</div>


<!-- Offcanvas position: Bottom -->

<!-- Toogle button -->
<button class="btn btn-outline-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottom">Toggle bottom offcanvas</button>

<!-- Offcanvas -->
<div class="offcanvas offcanvas-bottom" id="offcanvasBottom" tabindex="-1">
  <div class="offcanvas-header border-bottom">
    <h5 class="offcanvas-title">Bottom offcanvas</h5>
    <button class="btn-close" type="button" data-bs-dismiss="offcanvas"></button>
  </div>
  <div class="offcanvas-body" data-simplebar>
    <p class="fs-sm">Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.</p>
  </div>
</div>
// Offcanvas position: Left

// Toogle button
button(type="button", data-bs-toggle="offcanvas", data-bs-target="#offcanvasLeft").btn.btn-outline-primary
  | Toggle left offcanvas

// Offcanvas
.offcanvas.offcanvas-start(id="offcanvasLeft", tabindex="-1")
  .offcanvas-header.border-bottom
    h5.offcanvas-title Left offcanvas
    button(type="button", data-bs-dismiss="offcanvas").btn-close
  .offcanvas-body(data-simplebar)
    p.fs-sm Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.


// Offcanvas position: Right

// Toogle button
button(type="button", data-bs-toggle="offcanvas", data-bs-target="#offcanvasRight").btn.btn-outline-primary
  | Toggle right offcanvas

// Offcanvas
.offcanvas.offcanvas-end(id="offcanvasRight", tabindex="-1")
  .offcanvas-header.border-bottom
    h5.offcanvas-title Right offcanvas
    button(type="button", data-bs-dismiss="offcanvas").btn-close
  .offcanvas-body(data-simplebar)
    p.fs-sm Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.


// Offcanvas position: Bottom

// Toogle button
button(type="button", data-bs-toggle="offcanvas", data-bs-target="#offcanvasBottom").btn.btn-outline-primary
  | Toggle bottom offcanvas

// Offcanvas
.offcanvas.offcanvas-bottom(id="offcanvasBottom", tabindex="-1")
  .offcanvas-header.border-bottom
    h5.offcanvas-title Bottom offcanvas
    button(type="button", data-bs-dismiss="offcanvas").btn-close
  .offcanvas-body(data-simplebar)
    p.fs-sm Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.
顶部
粤ICP备202434096647号
西瓜体育科技有限公司为全球体育爱好者提供最全面、最流畅、最清晰的赛事直播与资讯服务。电话:+86 150 5184 1496邮箱:service@xiguazhibo.com.cn微信:xiguazhibo_641营业时间:7×24上海市浦东新区张江路27号