# html-shop

**Repository Path**: chenbool/html-shop

## Basic Information

- **Project Name**: html-shop
- **Description**: html-shop
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-03
- **Last Updated**: 2026-05-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HTML 商城模板

HTML5 商城模板，包含 PC 端、H5 移动端、IM 聊天、支付页面等多个模板。

## 演示截图

| 演示 |
|------|
| ![演示](./pc/1.png) |

## 项目结构

```
html-shop/
├── app/                  # H5 移动端模板
│   ├── css/             # 样式文件
│   ├── fonts/           # 字体文件
│   ├── img/             # 图片资源
│   ├── js/              # JavaScript 文件
│   ├── pic/             # 商品图片
│   ├── index.html       # 首页
│   ├── cate.html        # 分类页
│   └── car.html         # 购物车页
├── pc/                  # PC 端模板
│   ├── assets/         # 静态资源
│   │   ├── css/       # 样式文件
│   │   ├── fonts/    # 字体文件
│   │   └── img/      # 图片资源
│   └── index.html     # 首页
├── im/                  # IM 聊天模板
│   ├── img/           # 图片资源
│   └── index.html     # 聊天页面
├── pay/                 # 支付页面模板
│   ├── css/           # 样式文件
│   ├── img/           # 图片资源
│   ├── js/            # JavaScript 文件
│   ├── index.html     # 支付首页
│   └── pay.html       # 支付页面
└── README.md
```

## 模板说明

| 目录 | 说明 |
|------|------|
| `app/` | H5 移动端商城模板 |
| `pc/` | PC 端商城模板 |
| `im/` | IM 即时聊天模板 |
| `pay/` | 支付页面模板 |

## 技术特点

- 纯 HTML/CSS/JS，无需后端即可预览
- 响应式设计，适配多种设备
- 使用 Font Awesome 图标字体
- 包含完整商城功能页面

## 页面预览

### PC 端

- 首页：轮播图、商品展示、搜索功能

### H5 移动端

- 首页：商品列表、分类导航
- 分类页：商品分类浏览
- 购物车页：购物车管理

### IM 聊天

- 客服聊天界面
- 消息列表

### 支付页面

- 登录页面
- 支付首页
- 支付确认页

## 依赖

- jQuery
- Font Awesome
- Bootstrap (PC端)
- Unslider (H5轮播)