Medshop - 健康与医疗电子商务 HTML 模板

# 项目简介 Medshop 是一套基于 Bootstrap 的医疗/药房类响应式 HTML5 网站模板，包含首页、商店详情、购物车、结账、博客、FAQ 等十余个完整页面，适合快速搭建医药电商或医疗服务类网站。 ## 技术栈 - Bootstrap 5.0.0（布局与组件） - jQuery（交互逻辑） - Font Awesome（图标） - icomoon（自定义图标字体） - Google Fonts: Open Sans ## 项目结构 ``` medshop-pack/ ├── 1_html_file/ # 完整模板页面 │ ├── index.html # 首页 │ ├── shop.html # 商品列表 │ ├── shop-details.html # 商品详情 │ ├── cart.html # 购物车 │ ├── checkout.html # 结账 │ ├── blog.html # 博客列表 │ ├── blog-single.html # 博客文章 │ ├── contact.html # 联系我们 │ ├── faq.html # 常见问题 │ ├── account.html # 用户账户 │ ├── about.html # 关于我们 │ ├── testimonials.html # 用户评价 │ ├── coming-soon.html # 即将上线 │ ├── 404.html # 错误页 │ └── assets/ # 资源目录 ├── 2_doc_file/ # 文档与旧版样式 │ ├── index.html # 文档首页 │ ├── css/ # 样式文件 │ └── js/ # 脚本文件 └── 3_icon_file/ # icomoon 图标字体 ``` ## 核心文件说明 - `1_html_file/index.html` — 首页模板，含 Banner、服务特性、合作伙伴等区块 - `1_html_file/shop-details.html` — 商品详情页模板 - `1_html_file/cart.html` — 购物车页面 - `1_html_file/checkout.html` — 结账流程页面 - `2_doc_file/css/style.css` — 主样式表，定义全局配色与布局 - `3_icon_file/style.css` — icomoon 图标字体定义 ## 快速开始 直接用浏览器打开 `1_html_file/index.html` 即可预览完整效果。如需本地服务器，可使用： ```bash npx serve medshop-pack/1_html_file ``` ## 使用建议 模板提供了三个首页变体（index、index-2、index-3），可根据品牌风格选择。替换 `assets/images/` 下的图片和 `style.css` 中的颜色变量即可完成基本定制。