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

⚽ 足球实时 (10)

主队	比分	客队	联赛	时间(北京)
斯盧茨克	0:0	鮑里索夫巴特2隊	白俄羅斯甲級聯賽	20:00
梅查爾	0:0	埃塞俄比亞梅丁	埃塞俄比亞超級聯賽	20:00
科克舍套奧克熱特佩斯	0:1	托博爾	哈薩克超級聯賽	20:00
布拉特沃格	1:0	約維克	挪威乙級聯賽第1組	20:00
新特羅伊茨克諾斯塔	0:1	巴爾瑙爾迪納摩	俄羅斯FNL 2第4組	19:00
特爾希艾迪尤加斯	0:2	蘇杜瓦	立陶宛A聯賽	19:15
蘇州東吳	2:4	雲南玉昆	英格蘭足總盃	19:00
霍內福斯	0:1	埃伊德斯沃爾德轉	挪威乙級聯賽第2組	19:00
皮特奧	2:2	AFC埃斯基爾斯圖納	瑞典甲級聯賽北區	19:00
托木斯克KDV	4:1	葉卡捷琳堡烏拉爾2隊	俄羅斯FNL 2第4組	19:00

🏀 篮球实时 (10)

主队	比分	客队	联赛	时间(北京)
拜仁慕尼黑籃球隊	—	柏林阿爾巴	德國籃球甲級聯賽	22:30
摩納哥籃球俱樂部	—	巴黎籃球隊	法國國家籃球聯賽	00:00
華沙萊吉亞	—	弗羅茨瓦夫籃球隊	波蘭籃球聯賽	01:00
特拉維夫馬卡比籃球俱樂部	—	特拉維夫哈普爾籃球俱樂部	以色列籃球超級聯賽	01:50
士嘉堡神射手	—	尼加拉瀑布獅子隊	加拿大精英籃球聯賽	04:00
拉斯維加斯王牌隊	—	金州女武神隊	美國女子職業籃球聯賽	04:00
明尼蘇達森林狼隊	—	華盛頓神秘隊	美國女子職業籃球聯賽	06:00
渥太華黑傑克隊	—	薩斯卡通曼巴隊	加拿大精英籃球聯賽	07:00
西貢熱火隊	2:2	河內水牛隊	越南籃球協會	20:30
陽光海岸鳳凰隊	103:70	布里斯班首都隊	NBL1北區	18:00

更新于 2026-06-21 20:34（北京时间）

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

⚽ 足球实时 (10)

主队	比分	客队	联赛	时间(北京)
斯盧茨克	0:0	鮑里索夫巴特2隊	白俄羅斯甲級聯賽	20:00
梅查爾	0:0	埃塞俄比亞梅丁	埃塞俄比亞超級聯賽	20:00
科克舍套奧克熱特佩斯	0:1	托博爾	哈薩克超級聯賽	20:00
布拉特沃格	1:0	約維克	挪威乙級聯賽第1組	20:00
新特羅伊茨克諾斯塔	0:1	巴爾瑙爾迪納摩	俄羅斯FNL 2第4組	19:00
特爾希艾迪尤加斯	0:2	蘇杜瓦	立陶宛A聯賽	19:15
蘇州東吳	2:4	雲南玉昆	英格蘭足總盃	19:00
霍內福斯	0:1	埃伊德斯沃爾德轉	挪威乙級聯賽第2組	19:00
皮特奧	2:2	AFC埃斯基爾斯圖納	瑞典甲級聯賽北區	19:00
托木斯克KDV	4:1	葉卡捷琳堡烏拉爾2隊	俄羅斯FNL 2第4組	19:00

🏀 篮球实时 (10)

主队	比分	客队	联赛	时间(北京)
拜仁慕尼黑籃球隊	—	柏林阿爾巴	德國籃球甲級聯賽	22:30
摩納哥籃球俱樂部	—	巴黎籃球隊	法國國家籃球聯賽	00:00
華沙萊吉亞	—	弗羅茨瓦夫籃球隊	波蘭籃球聯賽	01:00
特拉維夫馬卡比籃球俱樂部	—	特拉維夫哈普爾籃球俱樂部	以色列籃球超級聯賽	01:50
士嘉堡神射手	—	尼加拉瀑布獅子隊	加拿大精英籃球聯賽	04:00
拉斯維加斯王牌隊	—	金州女武神隊	美國女子職業籃球聯賽	04:00
明尼蘇達森林狼隊	—	華盛頓神秘隊	美國女子職業籃球聯賽	06:00
渥太華黑傑克隊	—	薩斯卡通曼巴隊	加拿大精英籃球聯賽	07:00
西貢熱火隊	2:2	河內水牛隊	越南籃球協會	20:30
陽光海岸鳳凰隊	103:70	布里斯班首都隊	NBL1北區	18:00

更新于 2026-06-21 20:34（北京时间）

下拉菜单

汇聚海量体育赛事，从足球到篮球，精彩不容错过。

直播平台文档

靜態範例

<!-- Dropdown example 1 -->
<div class="dropdown-menu">
  <a href="#" class="dropdown-item">Regular link</a>
  <a href="#" class="dropdown-item">Another regular link</a>
  <a href="#" class="dropdown-item active">Active link</a>
  <a href="#" class="dropdown-item disabled">Disabled link</a>
</div>

<!-- Dropdown example 2 -->
<div class="dropdown-menu">
  <h6 class="dropdown-header">Dropdown header</h6>
  <a href="#" class="dropdown-item">Action</a>
  <a href="#" class="dropdown-item">Another action</a>
  <div class="dropdown-divider"></div>
  <a href="#" class="dropdown-item">Separeted link</a>
</div>

<!-- Dropdown example 3 -->
<div class="dropdown-menu">
  <a href="#" class="dropdown-item">
    <i class="ci-home me-2"></i>
    Regular link
    <span class="badge rounded-pill bg-faded-dark text-body ms-2">2</span>
  </a>
  <a href="#" class="dropdown-item">
    <i class="ci-user-circle me-2"></i>
    Profile
    <span class="badge rounded-pill bg-primary ms-2">3</span>
  </a>
  <a href="#" class="dropdown-item">
    <i class="ci-message me-2"></i>
    Messages
    <span class="badge rounded-pill bg-success ms-2">5</span>
  </a>
  <a href="#" class="dropdown-item">
    <i class="ci-settings me-2"></i>
    Settings
    <span class="badge rounded-pill bg-warning ms-2">1</span>
  </a>
</div>

// Dropdown example 1
.dropdown-menu
  a(href="#").dropdown-item
    | Regular link
  a(href="#").dropdown-item
    | Another regular link
  a(href="#").dropdown-item.active
    | Active link
  a(href="#").dropdown-item.disabled
    | Disabled link

// Dropdown example 2
.dropdown-menu
  h6.dropdown-header
    | Dropdown header
  a(href="#").dropdown-item
    | Action
  a(href="#").dropdown-item
    | Another action
  .dropdown-divider
  a(href="#").dropdown-item
    | Separated link

// Dropdown example 3
.dropdown-menu
  a(href="#").dropdown-item
    i.ci-home.me-2
    | Home
    span.badge.rounded-pill.bg-faded-dark.text-body.ms-2
      | 2
  a(href="#").dropdown-item
    i.ci-user-circle.me-2
    | Profile
    span.badge.rounded-pill.bg-primary.ms-2
      | 3
  a(href="#").dropdown-item
    i.ci-message.me-2
    | Messages
    span.badge.rounded-pill.bg-success.ms-2
      | 5
  a(href="#").dropdown-item
    i.ci-settings.me-2
    | Settings
    span.badge.rounded-pill.bg-warning.ms-2
      | 1

深色下拉式選單

<!-- Dark dropdown example 1 -->
<div class="dropdown-menu dropdown-menu-dark">
  <a href="#" class="dropdown-item">Regular link</a>
  <a href="#" class="dropdown-item">Another regular link</a>
  <a href="#" class="dropdown-item active">Active link</a>
  <a href="#" class="dropdown-item disabled">Disabled link</a>
</div>

<!-- Dark dropdown example 2 -->
<div class="dropdown-menu dropdown-menu-dark">
  <h6 class="dropdown-header">Dropdown header</h6>
  <a href="#" class="dropdown-item">Action</a>
  <a href="#" class="dropdown-item">Another action</a>
  <div class="dropdown-divider"></div>
  <a href="#" class="dropdown-item">Separeted link</a>
</div>

<!-- Dark dropdown example 3 -->
<div class="dropdown-menu dropdown-menu-dark">
  <a href="#" class="dropdown-item">
    <i class="ci-home me-2"></i>
    Regular link
    <span class="badge rounded-pill bg-light text-body ms-2">2</span>
  </a>
  <a href="#" class="dropdown-item">
    <i class="ci-user-circle me-2"></i>
    Profile
    <span class="badge rounded-pill bg-primary ms-2">3</span>
  </a>
  <a href="#" class="dropdown-item">
    <i class="ci-message me-2"></i>
    Messages
    <span class="badge rounded-pill bg-success ms-2">5</span>
  </a>
  <a href="#" class="dropdown-item">
    <i class="ci-settings me-2"></i>
    Settings
    <span class="badge rounded-pill bg-warning ms-2">1</span>
  </a>
</div>

// Dark dropdown example 1
.dropdown-menu.dropdown-menu-dark
  a(href="#").dropdown-item
    | Regular link
  a(href="#").dropdown-item
    | Another regular link
  a(href="#").dropdown-item.active
    | Active link
  a(href="#").dropdown-item.disabled
    | Disabled link

// Dark dropdown example 2
.dropdown-menu.dropdown-menu-dark
  h6.dropdown-header
    | Dropdown header
  a(href="#").dropdown-item
    | Action
  a(href="#").dropdown-item
    | Another action
  .dropdown-divider
  a(href="#").dropdown-item
    | Separated link

// Dark dropdown example 3
.dropdown-menu.dropdown-menu-dark
  a(href="#").dropdown-item
    i.ci-home.me-2
    | Home
    span.badge.rounded-pill.bg-light.text-body.ms-2
      | 2
  a(href="#").dropdown-item
    i.ci-user-circle.me-2
    | Profile
    span.badge.rounded-pill.bg-primary.ms-2
      | 3
  a(href="#").dropdown-item
    i.ci-message.me-2
    | Messages
    span.badge.rounded-pill.bg-success.ms-2
      | 5
  a(href="#").dropdown-item
    i.ci-settings.me-2
    | Settings
    span.badge.rounded-pill.bg-warning.ms-2
      | 1

下拉式選單中的表單

<!-- Forms inside dropdown -->
<div class="dropdown-menu" style="width: 17rem;">
  <form class="p-4">
    <div class="mb-3">
      <label for="exampleDropdownFormEmail" class="form-label">Email address</label>
      <input type="email" class="form-control" id="exampleDropdownFormEmail" placeholder="service@xiguazhibo.com.cn" required>
    </div>
    <div class="mb-3">
      <label for="exampleDropdownFormPassword" class="form-label">Password</label>
      <input type="password" class="form-control" id="exampleDropdownFormPassword" placeholder="Password" required>
    </div>
    <div class="mb-3">
      <div class="form-check">
        <input type="checkbox" class="form-check-input" id="dropdownCheck">
        <label for="dropdownCheck" class="form-check-label">Remember me</label>
      </div>
    </div>
    <button type="submit" class="btn btn-primary">Sign In</button>
  </form>
</div>

// Forms inside dropdown
.dropdown-menu(style="width: 17rem;")
  form.p-4
    .mb-3
      label(for="exampleDropdownFormEmail").form-label
        | Email address
      input(type="email", id="exampleDropdownFormEmail", placeholder="service@xiguazhibo.com.cn", required).form-control
    .mb-3
      label(for="exampleDropdownFormPassword").form-label
        | Password
      input(type="password", id="exampleDropdownFormPassword", placeholder="Password", required).form-control
    .mb-3
      .form-check
        input(type="checkbox", id="dropdownCheck").form-check-input
        label(for="dropdownCheck").form-check-label
          | Remember me
    button(type="submit").btn.btn-primary
      | Sign In

方向

<!-- Dropdown -->
<div class="btn-group dropdown">
  <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu">
    <a href="#" class="dropdown-item">Action</a>
    <a href="#" class="dropdown-item">Another action</a>
    <div class="dropdown-divider"></div>
    <a href="#" class="dropdown-item">Something else here</a>
  </div>
</div>

<!-- Dropup -->
<div class="btn-group dropup">
  <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu">
    <a href="#" class="dropdown-item">Action</a>
    <a href="#" class="dropdown-item">Another action</a>
    <div class="dropdown-divider"></div>
    <a href="#" class="dropdown-item">Something else here</a>
  </div>
</div>

<!-- Dropright -->
<div class="btn-group dropend">
  <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu">
    <a href="#" class="dropdown-item">Action</a>
    <a href="#" class="dropdown-item">Another action</a>
    <div class="dropdown-divider"></div>
    <a href="#" class="dropdown-item">Something else here</a>
  </div>
</div>

<!-- Dropleft -->
<div class="btn-group dropstart">
  <button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu">
    <a href="#" class="dropdown-item">Action</a>
    <a href="#" class="dropdown-item">Another action</a>
    <div class="dropdown-divider"></div>
    <a href="#" class="dropdown-item">Something else here</a>
  </div>
</div>

// Dropdown
.btn-group.dropdown
  button(type="button", data-bs-toggle="dropdown", aria-haspopup="true", aria-expanded="false").btn.btn-outline-secondary.dropdown-toggle
    | Dropdown
  .dropdown-menu
    a(href="#").dropdown-item
      | Action
    a(href="#").dropdown-item
      | Another action
    .dropdown-divider
    a(href="#").dropdown-item
      | Something else here

// Dropup
.btn-group.dropup
  button(type="button", data-bs-toggle="dropdown", aria-haspopup="true", aria-expanded="false").btn.btn-outline-secondary.dropdown-toggle
    | Dropup
  .dropdown-menu
    a(href="#").dropdown-item
      | Action
    a(href="#").dropdown-item
      | Another action
    .dropdown-divider
    a(href="#").dropdown-item
      | Something else here

// Dropright
.btn-group.dropend
  button(type="button", data-bs-toggle="dropdown", aria-haspopup="true", aria-expanded="false").btn.btn-outline-secondary.dropdown-toggle
    | Dropright
  .dropdown-menu
    a(href="#").dropdown-item
      | Action
    a(href="#").dropdown-item
      | Another action
    .dropdown-divider
    a(href="#").dropdown-item
      | Something else here

// Dropleft
.btn-group.dropstart
  button(type="button", data-bs-toggle="dropdown", aria-haspopup="true", aria-expanded="false").btn.btn-outline-secondary.dropdown-toggle
    | Dropleft
  .dropdown-menu
    a(href="#").dropdown-item
      | Action
    a(href="#").dropdown-item
      | Another action
    .dropdown-divider
    a(href="#").dropdown-item
      | Something else here

選單對齊

<!-- Dropdown -->
<div class="btn-group dropdown">
  <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Right-aligned menu
  </button>
  <div class="dropdown-menu dropdown-menu-end">
    <a href="#" class="dropdown-item">Action</a>
    <a href="#" class="dropdown-item">Another action</a>
    <div class="dropdown-divider"></div>
    <a href="#" class="dropdown-item">Something else here</a>
  </div>
</div>

// Dropdown
.btn-group.dropdown
  button(type="button", data-bs-toggle="dropdown", aria-haspopup="true", aria-expanded="false").btn.btn-primary.dropdown-toggle
    | Right-aligned menu
  .dropdown-menu.dropdown-menu-end
    a(href="#").dropdown-item
      | Action
    a(href="#").dropdown-item
      | Another action
    .dropdown-divider
    a(href="#").dropdown-item
      | Something else here

分割按鈕

<!-- Solid split button -->
<div class="btn-group">
  <button type="button" class="btn btn-primary">Button</button>
  <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="visually-hidden">Toggle dropdown</span>
  </button>
  <div class="dropdown-menu">
    ...
  </div>
</div>

<!-- Outline split button -->
<div class="btn-group">
  <button type="button" class="btn btn-outline-primary">Button</button>
  <button type="button" class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="visually-hidden">Toggle dropdown</span>
  </button>
  <div class="dropdown-menu">
    ...
  </div>
</div>

// Solid split button
.btn-group
  button(type="button").btn.btn-primary
    | Button
  button(type="button", data-bs-toggle="dropdown", aria-haspopup="true", aria-expanded="false'").btn.btn-primary.dropdown-toggle.dropdown-toggle-split
    span.visually-hidden
      | Toggle dropdown
  .dropdown-menu
    | ...

// Outline split button
.btn-group
  button(type="button").btn.btn-outline-primary
    | Button
  button(type="button", data-bs-toggle="dropdown", aria-haspopup="true", aria-expanded="false'").btn.btn-outline-primary.dropdown-toggle.dropdown-toggle-split
    span.visually-hidden
      | Toggle dropdown
  .dropdown-menu
    | ...

⚽ 足球实时 (10)

🏀 篮球实时 (10)

下拉菜单

靜態範例

下拉標題

深色下拉式選單

下拉標題

下拉式選單中的表單

方向

選單對齊

分割按鈕