图生图 风格转换
Go to file
iHeyTang 32b4fd88ea fix: improve image preview logic in GeneratingComponent to ensure valid image display 2025-10-04 23:27:13 +08:00
.husky feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.promptx/resource/role/taro-ui-expert feat: add promptx resource 2025-09-04 13:11:44 +08:00
public/assets refactor: 转vite 2025-09-28 15:03:57 +08:00
src fix: improve image preview logic in GeneratingComponent to ensure valid image display 2025-10-04 23:27:13 +08:00
tests feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
types feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.editorconfig feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.env.development feat: 更新环境配置和平台支持,支持多端同时调试开发 2025-09-02 17:17:09 +08:00
.env.production feat: 更新环境配置和平台支持,支持多端同时调试开发 2025-09-02 17:17:09 +08:00
.env.test feat: 更新环境配置和平台支持,支持多端同时调试开发 2025-09-02 17:17:09 +08:00
.eslintrc feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.gitignore feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
.prettierrc style(home): 统一样式单位为px,优化代码格式 2025-09-10 19:36:01 +08:00
API.md fix: update API base URL references to new domain for consistency across the application 2025-09-29 14:00:18 +08:00
CLAUDE.md feat: 新增 ImageAudit 组件及演示页面 2025-09-08 13:50:59 +08:00
README.md refactor: 转vite 2025-09-28 15:03:57 +08:00
commitlint.config.mjs feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
index.html fix: update page title and modify navigation button in SuccessComponent for improved user experience 2025-09-29 18:35:38 +08:00
jest.config.js feat: 完善 TDD 开发环境配置 2025-09-01 13:19:17 +08:00
mini-app.md feat: 添加图标 2025-09-03 15:57:27 +08:00
package.json feat: add zustand for state management and refactor History component 2025-09-29 15:01:31 +08:00
pnpm-lock.yaml feat: add zustand for state management and refactor History component 2025-09-29 15:01:31 +08:00
postcss.config.js feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
stylelint.config.mjs feat: 初始化 Taro 3.8 图生图风格转换小程序项目 2025-09-01 11:22:03 +08:00
tailwind.config.js feat: 配置 TailwindCSS 并迁移到 Redux 2025-09-03 16:33:06 +08:00
tsconfig.json refactor: 转vite 2025-09-28 15:03:57 +08:00
tsconfig.node.json refactor: 转vite 2025-09-28 15:03:57 +08:00
vite.config.ts refactor: 转vite 2025-09-28 15:03:57 +08:00

README.md

图生视频 H5 应用

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

功能特性

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

技术栈

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

开发环境

安装依赖

pnpm install

启动开发服务器

pnpm dev

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

构建生产版本

pnpm build

预览生产构建

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 最新版本