# vue2-H5-PDF

**Repository Path**: zhou-chicheng/vue2-h5-pdf

## Basic Information

- **Project Name**: vue2-H5-PDF
- **Description**: vue2框架的H5项目，支持预览PDF，并支持对PDF进行批注、添加电子签名、文本等
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-06
- **Last Updated**: 2025-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# H5应用框架

基于Vue 2 + Vant UI构建的移动端H5应用框架，提供了完整的项目结构和基础功能。

## 技术栈

- **Vue 2.6**: 渐进式JavaScript框架
- **Vant UI 2.x**: 轻量、可靠的移动端组件库
- **Vue Router**: 官方路由管理器
- **Vuex**: 状态管理模式
- **Element UI**: 桌面端组件库（按需引入）
- **Sass**: CSS预处理器
- **lib-flexible**: 移动端自适应方案
- **postcss-px2rem**: px转rem插件

## 项目结构

```
src/
├── api/                 # API接口管理
├── assets/             # 静态资源
│   ├── css/           # 样式文件
│   └── images/        # 图片资源
├── common/            # 通用组件
├── components/        # 业务组件
├── router/            # 路由配置
├── store/             # Vuex状态管理
├── utils/             # 工具函数
├── views/             # 页面组件
├── App.vue            # 根组件
└── main.js            # 入口文件
```

## 快速开始

### 安装依赖
```bash
npm install
```

### 开发环境运行
```bash
npm run dev
```

### 生产环境构建
```bash
npm run build:prod
```

### 测试环境构建
```bash
npm run build:stage
```

## 主要特性

- 📱 **移动端优先**: 专为移动设备设计
- 🎨 **现代UI**: 使用Vant UI组件库
- 📐 **响应式布局**: 支持rem自适应
- 🛣️ **路由管理**: Vue Router配置
- 📦 **状态管理**: Vuex集中状态管理
- 🔧 **工具完善**: 包含常用工具函数
- 🎯 **开箱即用**: 完整的项目配置

## 页面说明

- **首页**: 应用主页，展示功能菜单
- **handWrittenSignature**: 手写签名示例

## 开发指南

### 添加新页面

1. 在 `src/views/` 目录下创建页面组件
2. 在 `src/router/index.js` 中添加路由配置
3. 在首页菜单中添加入口链接

### 样式规范

- 使用rem单位进行移动端适配
- 设计稿基准为750px，配置remUnit为37.5
- 支持sass/scss语法

### API管理

- 统一在 `src/api/` 目录管理接口
- 使用axios进行HTTP请求
- 支持请求拦截和响应拦截

## 浏览器支持

- iOS Safari 9+
- Android Browser 4.4+
- Chrome for Android
- 其他现代移动浏览器

## 许可证

MIT