Xmart - 最小的电子商务 HTML5 模板

# 项目简介 Xmart 是一款简洁、极简风格的电商 HTML5 模板，适合搭建服装、数码、家居等各类在线商店。内置 3 种首页布局，覆盖商品展示、购物车、结账、博客等完整购物流程，支持响应式设计与多端适配。 ## 技术栈 - Bootstrap v5（栅格与基础组件） - jQuery（DOM 操作与交互逻辑） - Swiper.js（轮播与幻灯片） - MeanMenu（移动端导航） - Nice Select（自定义下拉框） - Font Awesome 5（图标库） - Google Fonts（Work Sans 字体） ## 项目结构 ``` xmarthtml-10/ ├── xmart/ │ ├── index.html # 首页 1 │ ├── index-2.html # 首页 2 │ ├── shop.html # 商品列表 │ ├── shop-grid.html # 网格布局 │ ├── product-details.html # 商品详情 │ ├── cart.html # 购物车 │ ├── checkout.html # 结账页 │ ├── wishlist.html # 收藏夹 │ ├── login.html # 登录页 │ ├── register.html # 注册页 │ ├── blog.html # 博客列表 │ ├── blog-details.html # 博客详情 │ ├── contact.html # 联系方式 │ ├── error.html # 404 错误页 │ └── assets/ │ ├── css/ │ │ └── style.css # 主题样式主文件 │ ├── js/ │ │ └── main.js # 交互逻辑（轮播、购物车、导航等） │ └── mail.php # 邮件发送接口 └── documentation/ # 官方文档目录 ``` ## 核心文件说明 - `xmart/index.html` — 首页入口，含 Banner、精选商品、博客等模块 - `xmart/assets/css/style.css` — 主题全部样式，含响应式断点 - `xmart/assets/js/main.js` — 核心交互脚本，实现购物车侧栏、移动菜单、轮播等 23 项功能 - `xmart/assets/mail.php` — PHP 邮件发送接口（需部署到服务器环境） - `documentation/index.html` — 官方使用文档，含自定义说明 ## 快速开始 1. 直接在浏览器中打开 `xmart/index.html` 即可预览完整模板 2. 若需邮件功能，将 `xmart` 文件夹部署到 PHP 运行环境，修改 `mail.php` 中的收件邮箱 ## 使用建议 模板提供 3 种首页（`index.html`、`index-2.html`）和多种商品列表布局，可按需组合使用。移动端菜单与购物车侧栏已通过 jQuery 实现，无需额外配置即可直接使用。