实时体育数据 数据来源：西瓜体育
⚽ 足球实时 (0)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 近期暂无比赛，请稍后再来查看。 | ||||
更新于 2026-06-21 20:33（北京时间）
立即购买 按钮
专为体育爱好者打造，优化直播互动与赛事参与体验。
直播平台文档
Solid (預設)
<!-- Primary button -->
<button type="button" class="btn btn-primary">Primary</button>
<!-- Accent button -->
<button type="button" class="btn btn-accent">Accent</button>
<!-- Secondary button -->
<button type="button" class="btn btn-secondary">Secondary</button>
<!-- Success button -->
<button type="button" class="btn btn-success">Success</button>
<!-- Danger button -->
<button type="button" class="btn btn-danger">Danger</button>
<!-- Warning button -->
<button type="button" class="btn btn-warning">Warning</button>
<!-- Info button -->
<button type="button" class="btn btn-info">Info</button>
<!-- Light button -->
<button type="button" class="btn btn-light">Info</button>
<!-- Dark button -->
<button type="button" class="btn btn-dark">Dark</button>
<!-- Link button -->
<button type="button" class="btn btn-link">Link</button>// Primary button
button(type="button").btn.btn-primary
| Primary
// Accent button
button(type="button").btn.btn-accent
| Accent
// Secondary button
button(type="button").btn.btn-secondary
| Secondary
// Success button
button(type="button").btn.btn-success
| Success
// Danger button
button(type="button").btn.btn-danger
| Danger
// Warning button
button(type="button").btn.btn-warning
| Warning
// Info button
button(type="button").btn.btn-info
| Info
// Light button
button(type="button").btn.btn-light
| Light
// Dark button
button(type="button").btn.btn-dark
| Dark
// Link button
button(type="button").btn.btn-link
| Link
市場按鈕
<!-- App Store button -->
<a href="#" class="btn-market btn-apple" role="button">
<span class="btn-market-subtitle">Download on the</span>
<span class="btn-market-title">App Store</span>
</a>
<!-- Google Play button -->
<a href="#" class="btn-market btn-google" role="button">
<span class="btn-market-subtitle">Download on the</span>
<span class="btn-market-title">Google Play</span>
</a>
<!-- Windows store button -->
<a href="#" class="btn-market btn-windows" role="button">
<span class="btn-market-subtitle">Download on the</span>
<span class="btn-market-title">Windows Store</span>
</a>
<!-- Amazon button -->
<a href="#" class="btn-market btn-amazon" role="button">
<span class="btn-market-subtitle">Order now at</span>
<span class="btn-market-title">Amazon.com</span>
</a>// App Store button
a(href="#", role="button").btn-market.btn-apple
span.btn-market-subtitle Download on the
span.btn-market-title App Store
// Google Play button
a(href="#", role="button").btn-market.btn-google
span.btn-market-subtitle Download on the
span.btn-market-title Google Play
// Windows store button
a(href="#", role="button").btn-market.btn-windows
span.btn-market-subtitle Download on the
span.btn-market-title Windows Store
// Amazon button
a(href="#", role="button").btn-market.btn-amazon
span.btn-market-subtitle Order now at
span.btn-market-title Amazon.com
狀態
<!-- Button states -->
<button type="button" class="btn btn-primary active">Active</button>
<button type="button" class="btn btn-secondary active">Active</button>
<button type="button" class="btn btn-primary" disabled>Disabled</button>
<button type="button" class="btn btn-secondary" disabled>Disabled</button>
<button type="button" class="btn btn-primary" data-bs-toggle="button">Button toggle</button>
<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 type="button" class="btn btn-secondary">
<span class="spinner-grow spinner-grow-sm me-2" role="status" aria-hidden="true"></span>
Loading...
</button>// Button states
button(type="button").btn.btn-primary.active Active
button(type="button").btn.btn-secondary.active Active
button(type="button", disabled).btn.btn-primary Disabled
button(type="button", disabled).btn.btn-secondary Disabled
button(type="button", data-bs-toggle="button").btn.btn-primary Button toggle
button(type="button").btn.btn-primary
span(role="status", aria-hidden="true").spinner-border.spinner-border-sm.me-2
| Loading...
button(type="button").btn.btn-secondary
span(role="status", aria-hidden="true").spinner-grow.spinner-grow-sm.me-2
| Loading...
喜歡/不喜歡按鈕
閒置狀態
作用中狀態
<!-- Like / dislike idle state -->
<div class="text-nowrap">
<button type="button" class="btn-like">16</button>
<button type="button" class="btn-dislike">4</button>
</div>
<!-- Like / dislike active state -->
<div class="text-nowrap">
<button type="button" class="btn-like active">16</button>
<button type="button" class="btn-dislike active">4</button>
</div>// Like / dislike idle state
.text-nowrap
button(type="button").btn-like
| 16
button(type="button").btn-dislike
| 4
// Like / dislike active state
.text-nowrap
button(type="button").btn-like.active
| 16
button(type="button").btn-dislike.active
| 4