立即購買

文件

簡介

歡迎來到非凡娛樂APP的開發者文檔。在此，您將找到所有必要的資訊，以順利整合我們的尖端互動娛樂技術，並為您的用戶打造無與倫比的沉浸式體驗。

快速上手指南

透過非凡娛樂APP，您可以輕鬆實現用戶參與度的提升、活躍度的驅動以及深度互動的建立。立即開始，體驗我們為您準備的豐富功能。

CSS

為了確保非凡娛樂APP的視覺風格正確載入，請將提供的CSS樣式表連結置於您的HTML文件 `<head>` 區塊內，並確保其優先於其他樣式表。

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

JS

許多非凡娛樂APP的組件功能依賴JavaScript運行。請確保您的頁面底部、`</body>` 標籤前已引入jQuery、`bootstrap.bundle.min.js` 及非凡娛樂專屬的JavaScript插件，以啟動所有互動功能。

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>

基礎範本設定

為確保最佳的響應式表現與現代開發標準，請採用HTML5的DOCTYPE聲明，並在 `<head>` 標籤中加入視口元標籤。整合所有元素後，您的基礎頁面結構應如下所示：

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

        <meta charset="utf-8" />
        <title>非凡娛樂APP - 開發者文件</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="非凡娛樂官方平台提供高端互動娛樂APP下載、登錄入口及網頁版，匯聚益智、挑戰、競技等多樣內容，隨時隨地享受極速互動樂趣。" />
        <meta name="keywords" content="非凡娱乐, 非凡娱乐APP, 非凡娱乐官方, 非凡娱乐平台, 非凡娱乐APP下载, 互動娛樂平台, 高端娛樂平台, 非凡娛樂登錄" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

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

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </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 -->

        <!-- Back To Home Start -->
        <a href="#" class="btn btn-primary btn-lg" id="download-ios">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        围绕互动娱乐平台，非凡娱乐直播APP持续打磨更优质的服务。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>
多語言整合
多語言整合 :

若需啟用多語言支援，請將 `style.css` 的引用替換為 `style-rtl.css`，以正確呈現不同語言的排版。

夜間模式啟用
夜間模式啟用 :

若需啟用夜間模式，請將 `style.css` 的引用替換為 `style-dark.css`，以提供更舒適的視覺體驗。

夜間多語言模式 :

若需同時啟用夜間模式與多語言支援，請將 `style.css` 的引用替換為 `style-dark-rtl.css`。

選單
導航欄右對齊

若要將導航菜單從置中佈局調整至右側對齊，請在 `navigation-menu` 類別之外，額外添加 `nav-right` 類別。

導航欄左對齊

若要將導航菜單從置中佈局調整至左側對齊，請在 `navigation-menu` 類別之外，額外添加 `nav-left` 類別。

導航欄置中淺色

若您偏好置中且淺色的導航菜單風格，請在 `navigation-menu` 類別之外，額外添加 `nav-light` 類別。

導航欄右對齊淺色

若您偏好右對齊且淺色的導航菜單風格，請在 `navigation-menu` 類別之外，額外添加 `nav-right` 與 `nav-light` 類別。

導航欄左對齊淺色

若您偏好左對齊且淺色的導航菜單風格，請在 `navigation-menu` 類別之外，額外添加 `nav-left` 與 `nav-light` 類別。