Documentation

Introduction

立即开始使用开云体育,获取专业的赛事追踪与互动体验。我们的平台旨在为您提供最前沿的体育资讯。

快速上手

开始使用开云体育,获取您所需的一切,以提升赛事关注度、导流至直播间并建立深度连接。前往赛事详情页。

CSS

将赛事直播的CSS样式表链接,放置在您的HTML头部,以加载开云体育的赛事视图。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

许多组件需要JavaScript支持以实现功能。特别是,它们需要jQuery以及我们的自定义JavaScript插件。请将以下脚本放置在页面底部,`</body>`标签关闭之前,以启用它们。jQuery必须先行加载,然后是`bootstrap.bundle.min.js`,最后是我们的JavaScript插件。

kaiyun为您提供专业、贴心的服务体验。
<script src="js/bootstrap.bundle.min.js"></script>

入门模板

请确保您的页面采用最新的设计和开发标准。这意味着使用HTML5 doctype并包含视口元标签以实现恰当的响应式行为。将所有元素整合起来,您的页面应如下所示:

HTML:
<!doctype html>
<html lang="en">
    <head>

        kaiyun为您提供专业、贴心的服务体验。
        <title>kaiyun为您提供专业、贴心的服务体验。</title>
        kaiyun为您提供专业、贴心的服务体验。
        kaiyun为您提供专业、贴心的服务体验。
        kaiyun为您提供专业、贴心的服务体验。

        <!-- favicon icon -->
        kaiyun为您提供专业、贴心的服务体验。

        <!-- Bootstrap -->
        kaiyun为您提供专业、贴心的服务体验。

        <!-- Main css -->
        kaiyun为您提供专业、贴心的服务体验。
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        kaiyun为您提供专业、贴心的服务体验。
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        kaiyun为您提供专业、贴心的服务体验。

        <!-- Javascript Start -->
        kaiyun为您提供专业、贴心的服务体验。
        kaiyun为您提供专业、贴心的服务体验。
        --------
        --------
        --------
        kaiyun为您提供专业、贴心的服务体验。
        <!-- Javascript End -->
    </body>
</html>
                        
RTL版本
RTL版本:

要启用RTL(从右到左)模式,请将`style.css`的引用替换为`style-rtl.css`。

暗黑模式
暗黑模式:

要启用暗黑模式,请将`style.css`的引用替换为`style-dark.css`。

暗黑RTL模式:

要启用暗黑RTL模式,请将`style.css`的引用替换为`style-dark-rtl.css`。

Menu
菜单居中至右

要将菜单从居中移至右侧,只需在`navigation-menu`类旁边添加`nav-right`类。

菜单居中至左

要将菜单从居中移至左侧,只需在`navigation-menu`类旁边添加`nav-left`类。

菜单亮色居中

如果您希望菜单居中并采用亮色导航,只需在`navigation-menu`类旁边添加`nav-light`类。

菜单亮色靠右

如果您希望菜单靠右且为亮色导航,只需在`navigation-menu`类旁边添加`nav-right`类以及`nav-light`类。

菜单亮色靠左

如果您希望菜单靠左且为亮色导航,只需在`navigation-menu`类旁边添加`nav-left`类以及`nav-light`类。

实时体育数据 数据来源: TheSportsDB

⚽ 足球实时 (10)

主队比分客队联赛时间
ZED0:0Kahrabaa IsmailiaEgyptian Premier League14:00
Al-Mokawloon al-Arab2:0Modern SportEgyptian Premier League14:00
Vita Club0:0TP MazembeDR Congo Ligue 114:00
Příbram Akademie0:0Slavia Praha CCzech Bohemian Football League Group A13:00
Don Bosco0:0Simba KolweziDR Congo Ligue 113:00
Universidade de Macau0:2Must IPOMacau Liga de Elite13:00
Saint-Éloi Lupopo0:0Maniema UnionDR Congo Ligue 113:00
Céleste1:3Les Aigles du CongoDR Congo Ligue 112:00
Shire Endaselassie1:1Hadiya HossanaEthiopian Premier League12:00
Liaoning Tieren3:2Shanghai PortChinese Super League11:35