Xports - Esports and Gaming HTML Template

# 项目简介 Xports 是一款面向电竞与游戏社区的 HTML 主题模板，采用深色赛博朋克风格设计，提供首页变体、战队、赛事、游戏、商城、新闻等完整页面，适合搭建电竞战队官网、游戏资讯站或周边商城。 ## 技术栈 - Bootstrap 5（响应式布局框架） - jQuery 3.7.1（DOM 操作与交互） - GSAP（高级动画引擎，含 ScrollTrigger / ScrollSmoother） - Swiper（轮播与幻灯片组件） - WOW.js（滚动进入动画） - NiceSelect / MeanMenu（表单美化与移动端导航） ## 项目结构 ``` xportshtml-10/ ├── buyer-file/ # 正式模板文件 │ ├── index.html # 首页 │ ├── index-2~5.html # 首页变体 │ ├── about.html # 关于 │ ├── game.html # 游戏列表 │ ├── team.html # 战队页面 │ ├── shop.html # 商城 │ ├── news.html # 资讯 │ ├── contact.html # 联系 │ └── assets/ │ ├── css/main.css # 主题核心样式（深色主题） │ └── js/main.js # 交互逻辑（轮播、导航、计数器等） └── documentation/ # 官方文档 ``` ## 核心文件说明 - `buyer-file/index.html` — 首页入口，包含预加载动画、英雄区、热门游戏轮播 - `buyer-file/assets/css/main.css` — 主样式表，定义 Chakra Petch 字体、品牌红色（#FF0808）及深色背景变量 - `buyer-file/assets/js/main.js` — 交互脚本，实现移动端 meanmenu、Swiper 轮播、WOW 动画、计数器等功能 - `buyer-file/game*.html` — 游戏详情与列表页模板 - `buyer-file/shop*.html` — 商品与购物车页模板 - `buyer-file/team*.html` — 战队与成员详情页模板 ## 快速开始 纯静态项目，无需构建。直接在浏览器中打开 `buyer-file/index.html`，或使用任意本地服务器（如 `npx serve buyer-file`）运行。 ## 使用建议 模板基于深色背景设计，所有内容已预设样式替换区域，可直接修改 HTML 中的文字、图片路径即可上线。如需对接后端商城或动态数据，需自行扩展 `main.js` 中的交互逻辑。