Apiton - React Next App 登陸頁面模板

Apiton - React Next App Landing Page Template（B体育APP）

感謝您購買我們的模板。如果您有任何問題 超出本幫助文件的範圍，請隨時 提交新的支援請求

重要提示：它使用 React JS 建置，並非普通的 HTML 模板。

实时体育数据 数据来源：高清世界杯

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
波希米亞人 1905 B隊0:0迪斯克拉·多馬日利采捷克波希米亞足球聯賽 A 組17:00
柏太陽神0:0京都 Sanga日本 J1 聯賽17:00
隆安0:0歸仁聯越南 V.聯賽 217:00
塞爾維亞 U191:0哈薩克 U19歐洲 U19 錦標賽21:00
斯洛瓦茨科 B隊1:0弗里德克-米斯泰克捷克摩拉維亞-西里西亞足球聯賽17:00
廣寧1:0胡志明市青年隊越南 V.聯賽 217:00
羅切代爾流浪者0:0半島動力澳洲昆士蘭全國超級聯賽17:00
北寧0:1PVF-CAND B隊越南 V.聯賽 217:00
胡志明市公安0:0同塔越南 V.聯賽 217:00
澳洲女子隊0:0墨西哥女子隊國際友誼賽女子組17:15

🏀 篮球实时 (10)

主队比分客队联赛时间(北京)
佩里湖鷹隊—羅金漢火焰隊NBL1 西區20:30
傑拉爾頓海盜隊—威利頓老虎隊NBL1 西區19:00
曼杜拉魔術隊—湖濱閃電隊NBL1 西區19:00
西南扣籃隊—佩里湖鷹隊NBL1 西區19:00
戈爾德菲爾茲巨人隊—比利亞爾·布德賈NBL1 西區20:00
羅金漢火焰隊—東珀斯老鷹隊NBL1 西區20:00
卡拉蒙達東方太陽隊—瓊達拉普狼隊NBL1 西區20:30
芹苴鯰魚隊—河內水牛隊越南籃球協會20:30
奧爾良盧瓦雷籃球隊—埃蘭貝阿奈斯法國 LNB Pro B 聯賽21:45
尼普圖納斯籃球俱樂部—利特卡貝利斯籃球俱樂部立陶宛 LKL 聯賽21:50

📅 今日赛程 (20)

主队比分客队联赛时间(北京)
庫夫施泰因—盧斯特瑙奧地利地區聯賽西區23:00
施瓦茨—伊姆斯特奧地利地區聯賽西區22:00
澤克基興—瓦爾斯-格呂瑙奧地利地區聯賽西區20:00
烏尼翁·毛爾—法沃里特納 AC奧地利地區聯賽東區20:00
多瑙費爾德維也納—帕恩多夫奧地利地區聯賽東區22:00
雷茨—馬希菲爾德多瑙河灘奧地利地區聯賽東區22:30
格洛根尼茨—維也納體育俱樂部奧地利地區聯賽東區23:00
雷茨—法沃里特納 AC奧地利地區聯賽東區22:00
GOŠK 加貝拉—采利克·澤尼察波士尼亞甲級聯賽02:00
阿卡蘇索—中央北方阿根廷乙級聯賽02:30
亞特蘭大—胡胡伊體操與劍術隊阿根廷乙級聯賽01:00
拉法埃拉競技—科萊希亞萊斯阿根廷乙級聯賽03:30
體操與射擊隊1:0米德蘭鐵路阿根廷乙級聯賽08:30
安第斯山脈—布宜諾斯艾利斯學生隊阿根廷乙級聯賽02:00
聖胡安聖馬丁—新芝加哥阿根廷乙級聯賽04:30
聖米格爾—貝爾格拉諾捍衛者阿根廷乙級聯賽02:30
特里斯坦·蘇亞雷斯—阿爾馬格羅阿根廷乙級聯賽06:00
赫倫塔爾斯—蘇格蘭辛巴威超級足球聯賽21:00
恩傑齊白金—MWOS辛巴威超級足球聯賽21:00
TelOne—高地人辛巴威超級足球聯賽21:00
更新于 2026-06-06 17:25（北京时间）

入門

安裝
  • Node.js 和 NPM : 您可以從 https://nodejs.org 下載 Node.js。NPM 與 Node.js 一起捆綁。
安裝 Npm 套件
  • 首先解壓縮 Apiton-v1.0.zip 您會找到兩個 文件夾，包括 Apiton （這是您的根 文件夾）。使用 VS Code（或您喜歡的任何其他編輯器）打開此文件夾。 並按照以下步驟操作。
  • NPM : 您必須運行 npm install 套件。您可以通過運行 npm install 從項目根目錄安裝所有必要的依賴項。
開發伺服器
  • 運行 yarn dev 或 npm run dev 用於 開發伺服器。導航到 http://localhost:3000。如果您更改任何源文件，應用程式將自動重新載入。
建置生產版本並啟動伺服器

文件夾結構

文件夾結構

Base Folder Structure

佈局

預設佈局

Apiton/components/Layout.js

首頁

Apiton/pages/index.js

自定義

如何更改 Logo？

打開 Apiton/components/Header.js

高清世界杯
如何更改版權？

打開 Apiton/components/Footer.js