⚽ 足球实时 (0)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 近期暂无比赛，请稍后再来查看。 | ||||
Ruxin
應用程式登陸頁HTML模板
創建於： 06/08/2020作者： layerdrops
電子郵件： admin@global-kaiyunsports.com
感謝您的購買 Ruxin - 應用程式登陸頁HTML模板。如果您有任何超出本說明文件範圍的問題，請隨時透過我的使用者頁面聯絡表單發送電子郵件，或在支援中心提交工單。
非常感謝！
模板特色
- 簡潔設計
- 進階Bootstrap 4框架
- HTML5 & CSS3
- CSS3動畫
- 完全響應式設計
- 所有檔案均有良好註解
- 跨瀏覽器相容，支援IE10+、Firefox、Safari、Opera、Chrome
- 廣泛的文檔
HTML結構
此HTML模板使用最新的 Bootstrap v4.5 並帶有有效的HTML5標籤。此主題為響應式佈局，支援4欄。
基本網格HTML
對於簡單的兩欄佈局，請創建一個.container並添加適當數量的.col-md*欄。
以上述範例為例，我們有.col-md-4和.col-md-8，總共12欄，構成一個完整的列。
......
巢狀欄
若要使用預設網格巢狀內容，請在現有的.col-md*欄內添加一個新的.container和一組.col-md*欄。巢狀列應包含一組欄，其總數應等於其父欄的欄數。
第一層欄第二層第二層第二層欄
CSS檔案與結構
此主題主要使用三個CSS檔案。第一個是 bootstrap.css第二個是 style.css 用於此模板，第三個是 responsive.css 用於控制響應式佈局。
如果您想編輯網站的特定部分，只需在CSS檔案中找到相應的標籤，然後向下捲動直到找到需要編輯的相應樣式。
這些是載入到模板中style.css檔案頂部的CSS檔案，標記為 導入的CSS.
@import url(bootstrap.min.css);
@import url(fontawesome.min.css);
@import url(flaticon.css);
@import url(default.css);
@import url(animate.css);
@import url(swiper-bundle.min.css);
@import url(style.css);
字體
預設情況下，模板從Google Web Font服務載入此字體，您可以將其更改為最適合您的字體。
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
Jquery和javascript
此主題導入三種類型的Javascript檔案。
- jQuery
- 自訂腳本 (main.js)
- 一些外掛程式
- jQuery 是一個Javascript函式庫，大大減少了您必須編寫的程式碼量。
- 此網站上的大多數動畫都是由自訂腳本執行的。有幾個函數值得查看。
除了自訂腳本外，我還實現了幾個「久經考驗」的外掛程式來創建效果。此外掛程式已打包，因此您無需手動編輯檔案中的任何內容。唯一需要知道的是如何調用該方法
這些是載入到模板主體部分結尾的JS檔案。
教學
標誌
開始更新模板。打開index.html檔案並按照步驟操作。
大多數更新對所有頁面都相同。因此將在此處解釋一次。
將"images/logo.webp"替換為您的標誌圖片網址來源或網站名稱。
導航選單
這是基本結構。
將您自己的選單項目添加到該ul li項目中。如果您想添加下拉選單，只需創建一個帶有類別的巢狀ul li 子選單
頁腳版權
將"© Copyright Ruxin 2020 . All right reserved."替換為版權資訊。
來源與鳴謝
模板中使用的字體是Google字體，您可以在Google Fonts API上找到它們
使用的字體是：
用於動畫效果的檔案：
animate.css (在css 資料夾中)
使用的滑桿：
使用的外掛程式：
wow.min.js (可在 外掛程式資料夾中找到)
scrolling-nav.js 开云体育下载围绕开云体育官网不断创新，回应用户的真实需求。
所有程式碼均已妥善註解，方便編輯。支援
再次感謝您購買此主題。正如我一開始所說，如果您對此主題有任何疑問，我很樂意為您提供幫助。雖然無法保證，但我會盡力協助。如果您有任何疑問，請隨時透過支援中心與我們聯繫。
請發送電子郵件至： admin@global-kaiyunsports.com