实时体育数据 数据来源：西瓜体育
⚽ 足球实时 (10)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 斯盧茨克 | 0:0 | 鮑里索夫BATE-2隊 | 白俄羅斯甲級聯賽 | 20:00 |
| 梅查爾 | 0:0 | 埃塞俄比亞梅丁 | 埃塞俄比亞超級聯賽 | 20:00 |
| 布拉特沃格 | 1:0 | 耶夫 | 挪威乙級聯賽第一組 | 20:00 |
| 科克舍套鄂畢 | 0:1 | 托博爾 | 哈薩克超級聯賽 | 20:00 |
| 新特羅伊茨克諾斯塔 | 0:1 | 巴爾瑙爾迪納摩 | 俄羅斯FNL 2聯賽第四組 | 19:00 |
| 特爾希艾迪尤加斯 | 0:2 | 蘇杜瓦 | 立陶宛A聯賽 | 19:15 |
| 蘇州東吳 | 2:4 | 雲南玉昆 | 英格蘭足總盃 | 19:00 |
| 霍內福斯 | 0:1 | 埃德斯沃爾德轉 | 挪威乙級聯賽第二組 | 19:00 |
| 皮特奧 | 2:2 | AFC埃斯基爾斯蒂納 | 瑞典甲級聯賽北區 | 19:00 |
| 托木斯克KDV | 4:1 | 葉卡捷琳堡烏拉爾-2隊 | 俄羅斯FNL 2聯賽第四組 | 19:00 |
更新于 2026-06-21 20:35（北京时间）
立即购买 模态框
掌握最新体育赛事动态，不错过任何精彩瞬间。
直播平台文档
模態框標記
<!-- Modal markup -->
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p class="fs-sm">Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary btn-sm">Save changes</button>
</div>
</div>
</div>
</div>// Modal markup
.modal(tabindex="-1", role="dialog")
.modal-dialog(role="document")
.modal-content
.modal-header
h5.modal-title
| Modal title
button(type="button", class="btn-close", data-bs-dismiss="modal", aria-label="Close")
.modal-body
p.fs-sm
| Modal body text goes here.
.modal-footer
button(type="button", class="btn btn-secondary btn-sm", data-bs-dismiss="modal")
| Close
button(type="button", class="btn btn-primary btn-sm")
| Save changes
標籤頁與表單
<!-- Modal with tabs and forms -->
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<ul class="nav nav-tabs card-header-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#signin" data-bs-toggle="tab" role="tab" aria-selected="true">
<i class="ci-unlocked me-2 mt-n1"></i>
Sign in
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#signup"data-bs-toggle="tab" role="tab" aria-selected="false">
<i class="ci-user me-2 mt-n1"></i>
Sign up
</a>
</li>
</ul>
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body tab-content py-4">
<form class="tab-pane fade show active" id="signin" autocomplete="off">
<div class="mb-3">
<label for="email1" class="form-label">Email address</label>
<input class="form-control" type="email" id="email1" placeholder="service@xiguazhibo.com.cn">
</label>
<div class="mb-3">
<label for="pass1" class="form-label">Password</label>
<div class="password-toggle">
<input class="form-control" type="password" id="pass1">
<label class="password-toggle-btn">
<input class="password-toggle-check" type="checkbox">
<span class="password-toggle-indicator"></span>
</label>
</div>
</div>
<div class="mb-3 d-flex flex-wrap justify-content-between">
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="remember">
<label class="form-check-label" for="remember">Remember me</label>
</div>
<a class="fs-sm" href="#">Forgot password?</a>
</div>
<button class="btn btn-primary d-block btn-shadow" type="submit">Sign in</button>
</form>
<form class="tab-pane fade" id="signup" autocomplete="off">
<div class="mb-3">
<label for="name" class="form-label">Full name</label>
<input class="form-control" type="text" id="name" placeholder="John Doe">
</div>
<div class="mb-3">
<label for="email2" class="form-label">Email address</label>
<input class="form-control" type="email" id="email2" placeholder="service@xiguazhibo.com.cn">
</div>
<div class="mb-3">
<label for="pass2" class="form-label">Password</label>
<div class="password-toggle">
<input class="form-control" type="password" id="pass2">
<label class="password-toggle-btn">
<input class="password-toggle-check" type="checkbox">
<span class="password-toggle-indicator"></span>
</label>
</div>
</div>
<div class="mb-3">
<label for="pass3" class="form-label">Confirm password</label>
<div class="password-toggle">
<input class="form-control" type="password" id="pass3">
<label class="password-toggle-btn">
<input class="password-toggle-check" type="checkbox">
<span class="password-toggle-indicator"></span>
</label>
</div>
</div>
<button class="btn btn-primary d-block btn-shadow" type="submit">Sign in</button>
</form>
</div>
</div>
</div>
</div>// Modal with tabs and forms
.modal(tabindex="-1", role="dialog")
.modal-dialog(role="document")
.modal-content
.modal-header
ul(role="tablist").nav.nav-tabs.card-header-tabs
li.nav-item
a(href="#signin", data-bs-toggle="tab", role="tab", aria-selected="true").nav-link.active
i.ci-unlocked.me-2.mt-n1
| Sign in
li.nav-item
a(href="#signup", data-bs-toggle="tab", role="tab", aria-selected="false").nav-link
i.ci-user.me-2.mt-n1
| Sign up
button(type="button", class="btn-close", data-bs-dismiss="modal", aria-label="Close")
.modal-body.tab-content.py-4
form(autocomplete="off")#signin.tab-pane.fade.show.active
.mb-3
label(for="email1").form-label
| Email address
input(type="email", id="email1", placeholder="service@xiguazhibo.com.cn").form-control
.mb-3
label(for="pass1").form-label
| Password
.password-toggle
input(type="password", id="pass1").form-control
label.password-toggle-btn
input(type="checkbox").password-toggle-check
span.password-toggle-indicator
.mb-3.d-flex.flex-wrap.justify-content-between
.form-check.mb-2
input(type="checkbox", id="remember").form-check-input
label(for="remember").form-check-label
| Remember me
a(href="#").fs-sm
| Forgot password?
button(type="submit" class="btn btn-primary d-block btn-shadow") Sign in
form(autocomplete="off")#signup.tab-pane.fade
.mb-3
label(for="name").form-label
| Full name
input(type="text", id="name", placeholder="John Doe").form-control
.mb-3
label(for="email2").form-label
| Email address
input(type="email", id="email2", placeholder="service@xiguazhibo.com.cn").form-control
.mb-3
label(for="pass2").form-label
| Password
.password-toggle
input(type="password", id="pass2").form-control
label.password-toggle-btn
input(type="checkbox").password-toggle-check
span.password-toggle-indicator
.mb-3
label(for="pass3").form-label
| Confirm password
.password-toggle
input(type="password", id="pass3").form-control
label.password-toggle-btn
input(type="checkbox").password-toggle-check
span.password-toggle-indicator
button(type="submit", class="btn btn-primary d-block btn-shadow") Sign in
線上預覽
<!-- Make sure the actual modal markup is present on the page and has the right id -->
<!-- Launch small modal -->
<button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#modalSmall">
Small modal
</button>
<!-- Launch default modal -->
<button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#modalDefault">
Default modal
</button>
<!-- Launch large modal -->
<button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#modalLarge">
Large modal
</button>
<!-- Launch extra large modal -->
<button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#modalXL">
Extra large modal
</button>
<!-- Launch long modal -->
<button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#modalLong">
Long modal
</button>
<!-- Launch modal with srolling content -->
<button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#modalScroll">
Srolling content
</button>
<!-- Launch vertically centered modal -->
<button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#modalCentered">
Vertically centered modal
</button>// Make sure the actual modal markup is present on the page and has the right id
// Launch small modal
button(type="button", class="btn btn-outline-secondary", data-bs-toggle="modal", data-bs-target="#modalSmall")
| Small modal
// Launch default modal
button(type="button", class="btn btn-outline-secondary", data-bs-toggle="modal", data-bs-target="#modalDefault")
| Default modal
// Launch large modal
button(type="button", class="btn btn-outline-secondary", data-bs-toggle="modal", data-bs-target="#modalLarge")
| Large modal
// Launch extra large modal
button(type="button", class="btn btn-outline-secondary", data-bs-toggle="modal", data-bs-target="#modalXL")
| Extra large modal
// Launch long modal
button(type="button", class="btn btn-outline-secondary", data-bs-toggle="modal", data-bs-target="#modalLong")
| Long modal
// Launch modal with srolling content
button(type="button", class="btn btn-outline-secondary", data-bs-toggle="modal", data-bs-target="#modalScroll")
| Srolling content
// Launch vertically centered modal
button(type="button", class="btn btn-outline-secondary", data-bs-toggle="modal", data-bs-target="#modalCentered")
| Vertically centered modal