- 新增素材中心页面,支持6种素材类型管理(模特、产品、场景、动作、音乐、提示词模板) - 实现视频生成工作台,提供三步式工作流程(选择素材、配置参数、生成预览) - 创建完整的组件体系:素材卡片、分类过滤器、素材选择器、配置面板、预览组件 - 优化UI/UX设计,遵循promptx/frontend-developer标准 - 添加导航路由配置,支持 /material-center 和 /video-generation 路径 - 实现响应式设计、动画效果、无障碍支持等现代化特性 - 提供完整的TypeScript类型定义和接口 功能特点: 直观的素材管理界面 专业的视频生成工作台 优雅的UI/UX设计 响应式布局支持 高性能组件架构 可扩展的模块设计
@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 等)