83 lines
1.6 KiB
Markdown
83 lines
1.6 KiB
Markdown
# 图生视频 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 最新版本
|