项目简介
Xmart 是一款简洁、极简风格的电商 HTML5 模板，适合搭建服装、数码、家居等各类在线商店。内置 3 种首页布局，覆盖商品展示、购物车、结账、博客等完整购物流程，支持响应式设计与多端适配。
技术栈
- Bootstrap v5（栅格与基础组件）
- jQuery（DOM 操作与交互逻辑）
- Swiper.js（轮播与幻灯片）
- MeanMenu（移动端导航）
- Nice Select（自定义下拉框）
- Font Awesome 5（图标库）
- Google Fonts（Work Sans 字体）
项目结构
text
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— 官方使用文档，含自定义说明
快速开始
- 直接在浏览器中打开
xmart/index.html即可预览完整模板 - 若需邮件功能，将
xmart文件夹部署到 PHP 运行环境，修改mail.php中的收件邮箱
使用建议
模板提供 3 种首页（index.html、index-2.html）和多种商品列表布局，可按需组合使用。移动端菜单与购物车侧栏已通过 jQuery 实现，无需额外配置即可直接使用。
