- 添加基于 ComfyUI 工作流的 AI 穿搭照片生成功能 - 实现完整的前端界面和后端服务集成 - 支持模特形象选择、商品图片上传、智能提示词生成 - 提供实时进度监控和历史记录管理 - 集成 ComfyUI 设置面板和连接状态检测 - 添加响应式设计和现代化 UI/UX - 完善的 TypeScript 类型系统和错误处理 - 包含完整的功能文档和实现说明 主要组件: - OutfitPhotoGenerator: 主生成器组件 - OutfitPhotoGenerationHistory: 历史记录管理 - ComfyUISettingsPanel: ComfyUI 设置面板 - OutfitPhotoGenerationPage: 主页面集成 技术特性: - React 18 + TypeScript + Tailwind CSS - Tauri 事件系统集成 - 实时进度监控和状态管理 - 拖拽上传和图片预览 - 批量处理和错误重试机制
@mixvideo/desktop
MixVideo 桌面应用 - 基于 Tauri + React + TypeScript 构建的跨平台桌面应用。
🚀 快速开始
开发环境要求
- Node.js 18+
- Rust 1.70+
- PNPM 8+
安装依赖
pnpm install
开发模式
pnpm dev
# 或
pnpm tauri:dev
构建应用
pnpm tauri:build
📁 项目结构
apps/desktop/
├── src/ # React 前端源码
│ ├── components/ # React 组件
│ ├── pages/ # 页面组件
│ ├── hooks/ # 自定义 Hooks
│ ├── services/ # API 服务
│ ├── types/ # TypeScript 类型
│ └── utils/ # 工具函数
├── src-tauri/ # Rust 后端源码
│ ├── src/ # Rust 源码
│ ├── Cargo.toml # Rust 依赖配置
│ └── tauri.conf.json # Tauri 配置
├── public/ # 静态资源
└── package.json # 前端依赖配置
🛠️ 技术栈
- 前端: React 18 + TypeScript + Vite
- 后端: Rust + Tauri 2.0
- UI: 待定 (可选择 Ant Design、Material-UI 等)
- 状态管理: 待定 (可选择 Zustand、Redux Toolkit 等)