实时体育数据 数据来源:西瓜体育
⚽ 足球实时 (0)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 近期暂无比赛,请稍后再来查看。 | ||||
更新于 2026-06-21 20:35(北京时间)
立即购买 列表组
海量赛事,一网打尽
直播平台文档
基本範例
- 目前項目
- Dapibus ac facilisis in
- 已停用項目
- Porta ac consectetur ac
- Vestibulum at eros
西瓜体育打造最齐全的体育网站!欢迎访问xiguazhibo.com.cn。自2015年创立以来,本站致力于打造2026世界杯App综合台。这里完美适配西瓜体育、足球欧洲杯直播、JRS直播。全方位提供美加墨直播与世界杯直播。西瓜体育高清极专免费在线观看,立即点击安全下载! 西瓜体育专注高清直播,身临其境,为用户提供专业可靠的体验。 連結或按鈕
围绕实时资讯,掌握全局,西瓜体育持续打磨更优质的服务。 西瓜体育深耕智能推荐,精准匹配领域,用心服务每一位用户。 無邊框
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
在安全下载,畅享无忧方面,西瓜体育提供贴心周到的支持。 西瓜体育以西瓜体育为核心,带来高效便捷的体验。 含圖示與徽章
- 訊息14
- 訂單2
- 我的最愛6
<!-- List group with icons and badges -->
<ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-center">
<span>
<i class="ci-message text-muted me-2"></i>
Messages
</span>
<span class="badge rounded-pill bg-info">14</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<span>
<i class="ci-bag mt-n1 text-muted me-2"></i>
Orders
</span>
<span class="badge rounded-pill bg-warning">2</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<span>
<i class="ci-heart text-muted me-2"></i>
Favourites
</span>
<span class="badge rounded-pill bg-danger">6</span>
</li>
</ul> // List group with icons and badges
ul.list-group
li.list-group-item.d-flex.justify-content-between.align-items-center
span
i.ci-message.text-muted.me-2
| Messages
span.badge.rounded-pill.bg-info 14
li.list-group-item.d-flex.justify-content-between.align-items-center
span
i.ci-bag.mt-n1.text-muted.me-2
| Orders
span.badge.rounded-pill.bg-warning 2
li.list-group-item.d-flex.justify-content-between.align-items-center
span
i.ci-heart.text-muted.me-2
| Favourites
span.badge.rounded-pill.bg-danger 6
核取方塊與圓形按鈕
想了解更多足球欧洲杯直播相关内容,尽在西瓜体育。 西瓜体育围绕JRS直播不断创新,回应用户的真实需求。 水平列表群組
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
精选NBA直播内容,西瓜体育与你一同发现更多精彩。 西瓜体育专注欧洲杯直播,为用户提供专业可靠的体验。 可操作的水平列表群組
西瓜体育专注海量赛事,一网打尽,为用户提供专业可靠的体验。 围绕高清直播,身临其境,西瓜体育持续打磨更优质的服务。 上下文類別
- Dapibus ac facilisis in
- 一個簡單的主要列表群組項目
- 一個簡單的強調色列表群組項目
- 一個簡單的次要列表群組項目
- 一個簡單的成功列表群組項目
- 一個簡單的危險列表群組項目
- 一個簡單的警告列表群組項目
- 一個簡單的資訊列表群組項目
- 一個簡單的淺色列表群組項目
- 一個簡單的深色列表群組項目
<!-- Contextual classes on basic list group -->
<ul class="list-group">
<li class="list-group-item">Dapibus ac facilisis in</li>
<li class="list-group-item list-group-item-primary">A simple primary list group item</li>
<li class="list-group-item list-group-item-accent">A simple accent list group item</li>
<li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
<li class="list-group-item list-group-item-success">A simple success list group item</li>
<li class="list-group-item list-group-item-danger">A simple danger list group item</li>
<li class="list-group-item list-group-item-warning">A simple warning list group item</li>
<li class="list-group-item list-group-item-info">A simple info list group item</li>
<li class="list-group-item list-group-item-light">A simple light list group item</li>
<li class="list-group-item list-group-item-dark">A simple dark list group item</li>
</ul>
<!-- Contextual classes on actionable list group -->
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-accent">A simple accent list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-danger">A simple danger list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-warning">A simple warning list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-info">A simple info list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-light">A simple light list group item</a>
<a href="#" class="list-group-item list-group-item-action list-group-item-dark">A simple dark list group item</a>
</div> // Contextual classes on basic list group
ul.list-group
li.list-group-item Dapibus ac facilisis in
li.list-group-item.list-group-item-primary A simple primary list group item
li.list-group-item.list-group-item-accent A simple accent list group item
li.list-group-item.list-group-item-secondary A simple secondary list group item
li.list-group-item.list-group-item-success A simple success list group item
li.list-group-item.list-group-item-danger A simple danger list group item
li.list-group-item.list-group-item-warning A simple warning list group item
li.list-group-item.list-group-item-info A simple info list group item
li.list-group-item.list-group-item-light A simple light list group item
li.list-group-item.list-group-item-dark A simple dark list group item
// Contextual classes on actionable list group
.list-group
a(href="#").list-group-item.list-group-item-action
| Dapibus ac facilisis in
a(href="#").list-group-item.list-group-item-action.list-group-item-primary
| A simple primary list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-accent
| A simple accent list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-secondary
| A simple secondary list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-success
| A simple success list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-danger
| A simple danger list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-warning
| A simple warning list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-info
| A simple info list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-light
| A simple light list group item
a(href="#").list-group-item.list-group-item-action.list-group-item-dark
| A simple dark list group item
自訂內容
西瓜体育专注NBA直播,为用户提供专业可靠的体验。 围绕欧洲杯直播,西瓜体育持续打磨更优质的服务。 JavaScript 行為
<!-- JavaScript behavior -->
<div class="row">
<div class="col-md-4">
<div class="list-group" role="tablist">
<a href="#list-home" id="list-home-list" class="list-group-item list-group-item-action active" data-bs-toggle="list" role="tab" aria-controls="list-home">
Home
</a>
<a href="#list-profile" id="list-profile-list" class="list-group-item list-group-item-action" data-bs-toggle="list" role="tab" aria-controls="list-profile">
Profile
</a>
<a href="#list-messages" id="list-messages-list" class="list-group-item list-group-item-action" data-bs-toggle="list" role="tab" aria-controls="list-messages">
Messages
</a>
<a href="#list-settings" id="list-settings-list" class="list-group-item list-group-item-action" data-bs-toggle="list" role="tab" aria-controls="list-settings">
Settings
</a>
</div>
</div>
<div class="col-md-8 pt-4 pt-md-0">
<div class="tab-content">
<div id="list-home" class="tab-pane fade show active" role="tabpanel" aria-labelledby="list-home-list">...</div>
<div id="list-profile" class="tab-pane fade" role="tabpanel" aria-labelledby="list-profile-list">...</div>
<div id="list-messages" class="tab-pane fade" role="tabpanel" aria-labelledby="list-messages-list">...</div>
<div id="list-settings" class="tab-pane fade" role="tabpanel" aria-labelledby="list-settings-list">...</div>
</div>
</div>
</div> // JavaScript behavior
.row
.col-md-4
.list-group(role="tablist")
a(href="#list-home", data-bs-toggle="list", role="tab", aria-controls="list-home")#list-home-list.list-group-item.list-group-item-action.active
| Home
a(href="#list-profile", data-bs-toggle="list" role="tab", aria-controls="list-profile")#list-profile-list.list-group-item.list-group-item-action
| Profile
a(href="#list-messages", data-bs-toggle="list", role="tab", aria-controls="list-messages")#list-messages-list.list-group-item.list-group-item-action
| Messages
a(href="#list-settings", data-bs-toggle="list", role="tab", aria-controls="list-settings")#list-settings-list.list-group-item.list-group-item-action
| Settings
.col-md-8.pt-4.pt-md-0
.tab-content
#list-home.tab-pane.fade.show.active(role="tabpanel", aria-labelledby="list-home-list")
| ...
#list-profile.tab-pane.fade(role="tabpanel", aria-labelledby="list-profile-list")
| ...
#list-messages.tab-pane.fade(role="tabpanel", aria-labelledby="list-messages-list")
| ...
#list-settings.tab-pane.fade(role="tabpanel", aria-labelledby="list-settings-list")
| ...