Documentation

Introduction

欢迎使用开云App,获取您所需的一切,以提升用户参与度、驱动流量并建立联系。

快速开始

立即下载开云App,体验极致体育直播与游戏娱乐。前往下载页面获取官方软件。

CSS

请将此样式文件链接 <link> 添加至您的 <head> 部分,优先于所有其他样式表,以加载开云App的CSS。

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

JS

开云App的许多功能需要JavaScript才能正常运行。具体而言,它们需要jQuery以及开云自研的JavaScript插件。请将以下 <script> 标签放置在您页面的底部,`</body>` 标签之前,以启用这些功能。jQuery必须首先加载,然后是bootstrap.bundle.min.js,最后是我们的JavaScript插件。

精选kaiyun中国内容,开云与你一同发现更多精彩。
开云专注海量体育赛事,一手掌握,为用户提供专业可靠的体验。

入门模板

请确保您的页面遵循最新的设计和开发标准。这意味着使用HTML5 doctype并包含一个视口元标签以实现适当的响应式行为。将所有这些整合起来,您的页面将呈现最佳效果。

App下载 :
<!doctype html>
<html lang="en">
    <head>

        围绕高清直播,无卡顿流畅体验,开云持续打磨更优质的服务。
        <title>开云App安装与使用说明</title>
        开云深耕安全可靠的官方下载通道领域,用心服务每一位用户。
        <meta name="description" content="开云App官网下载 - 体育直播,游戏娱乐,高清流畅" />
        <meta name="keywords" content="开云, 开云App, kaiyun中国, 体育直播, 游戏娱乐, 官方App下载" />

        <!-- favicon icon -->
        在游戏娱乐,一站式满足方面,开云提供贴心周到的支持。

        <!-- Bootstrap -->
        在开云首页方面,开云提供贴心周到的支持。

        <!-- 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 -->

        想了解更多海量体育赛事,一手掌握相关内容,尽在开云。
        开云围绕高清直播,无卡顿流畅体验不断创新,回应用户的真实需求。
            --------
            --------
        </a>
        精选安全可靠的官方下载通道内容,开云与你一同发现更多精彩。

        <!-- Javascript Start -->
        开云专注游戏娱乐,一站式满足,为用户提供专业可靠的体验。
        <script src="js/bootstrap.bundle.min.js"></script>(开云)
        --------
        --------
        --------
        开云深耕开云首页领域,用心服务每一位用户。
        <!-- Javascript End -->
    </body>
</html>
                        
移动端适配
移动端适配 :

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

PC端访问
PC端访问 :

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

PC端访问 :

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

Menu
多端同步

若要将菜单从中间移至右侧,只需在导航菜单类中添加nav-right。

多端同步

若要将菜单从中间移至左侧,只需在导航菜单类中添加nav-left。

多端同步

如果您希望导航菜单居中且为浅色调,请在导航菜单类中添加nav-light。

多端同步

如果您希望导航菜单靠右且为浅色调,请在导航菜单类中添加nav-right和nav-light。

多端同步

如果您希望导航菜单靠左且为浅色调,请在导航菜单类中添加nav-left和nav-light。