# 图生视频 H5 应用

这是一个从 Taro 小程序转换而来的 Vite + React H5 应用。

## 功能特性

- 图片风格转换
- 模板选择和预览
- 历史记录管理
- 多语言支持
- 响应式设计

## 技术栈

- **框架**: React 18
- **构建工具**: Vite 5
- **路由**: React Router 6
- **状态管理**: Redux Toolkit
- **样式**: CSS + Tailwind CSS
- **类型检查**: TypeScript

## 开发环境

### 安装依赖

```bash
pnpm install
```

### 启动开发服务器

```bash
pnpm dev
```

应用将在 http://localhost:3000 启动

### 构建生产版本

```bash
pnpm build
```

### 预览生产构建

```bash
pnpm preview
```

## 项目结构

```
src/
├── components/          # 可复用组件
├── pages/              # 页面组件
├── hooks/              # 自定义 Hooks
├── store/              # Redux 状态管理
├── utils/              # 工具函数
├── i18n/               # 国际化
├── platforms/          # 平台适配层
└── sdk/                # API SDK

public/
└── assets/             # 静态资源
```

## 主要变更

从 Taro 小程序转换为 Vite H5 应用的主要变更：

1. **构建工具**: Taro → Vite
2. **组件系统**: Taro 组件 → 标准 HTML 元素
3. **路由系统**: Taro 路由 → React Router
4. **API 调用**: Taro API → Web API
5. **样式系统**: 保持原有 CSS，适配标准 HTML

## 注意事项

- 静态资源已迁移到 `public/assets/` 目录
- 所有 Taro 特定的 API 调用已替换为 Web 标准 API
- 保持了原有的业务逻辑和状态管理
- 支持现代浏览器，建议使用 Chrome/Safari/Firefox 最新版本