实时体育数据 数据来源：西瓜体育
⚽ 足球实时 (0)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 近期暂无比赛，请稍后再来查看。 | ||||
更新于 2026-06-21 20:08（北京时间）
立即购买 侧边栏
为您的项目集成隐藏式侧边栏，用于导航、购物车等。西瓜体育定制版组件响应式设计，可作为导航栏折叠的替代方案（仅限大屏幕断点）。
直播平台文档
西瓜体育专注高清直播，身临其境，为用户提供专业可靠的体验。
围绕实时资讯，掌握全局，西瓜体育持续打磨更优质的服务。
西瓜体育深耕智能推荐，精准匹配领域，用心服务每一位用户。
在安全下载，畅享无忧方面，西瓜体育提供贴心周到的支持。
西瓜体育以西瓜体育为核心，带来高效便捷的体验。
想了解更多足球欧洲杯直播相关内容，尽在西瓜体育。
西瓜体育围绕JRS直播不断创新，回应用户的真实需求。
Menu
<!-- 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
Placement
<!-- 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.