# 微信公众号H5充值页面

这是一个基于Vue.js开发的微信公众号H5充值页面，包含用户搜索和充值两个页面。

## 功能特性

- 用户搜索页面：通过ID搜索用户
- 充值页面：选择充值金额，支持支付宝支付
- 响应式设计，适配各种移动设备
- 美观的UI界面，专业的用户体验

## 技术栈

- Vue.js 2.x
- Vue Router
- Vant UI组件库
- Less CSS预处理器

## 项目结构

```
src/
  ├── assets/        # 静态资源
  ├── components/    # 公共组件
  ├── router/        # 路由配置
  ├── views/         # 页面组件
  │   ├── Search.vue    # 搜索用户页面
  │   └── Recharge.vue  # 充值页面
  ├── App.vue        # 根组件
  └── main.js        # 入口文件
```

## 开发说明

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run serve
```

### 构建生产版本

```bash
npm run build
```

## 注意事项

- 当前项目使用静态数据模拟，实际使用时需要对接后端API
- 支付功能仅为界面展示，需要集成实际的支付接口
- logo.png需要替换为实际的应用logo