mixvideo-v2/apps/desktop
imeepos 91062ccf4c feat: 优化前端loading状态和用户体验
- 新增MaterialCardSkeleton骨架屏组件
- 优化MaterialImportDialog的进度显示
- 添加详细的导入进度动画和状态指示器
- 改进项目统计信息的loading状态
- 新增LoadingState通用加载组件
- 优化按钮状态和禁用逻辑
- 改进空状态显示和交互

UI/UX改进:
1. 骨架屏loading:替换简单spinner为详细骨架屏
2. 进度指示器:添加阶段指示器和动画效果
3. 状态反馈:实时显示当前处理文件和进度
4. 按钮状态:导入过程中禁用相关按钮
5. 视觉优化:添加图标、颜色和动画效果
2025-07-13 23:51:39 +08:00
..
public Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
src feat: 优化前端loading状态和用户体验 2025-07-13 23:51:39 +08:00
src-tauri feat: 优化前端loading状态和用户体验 2025-07-13 23:51:39 +08:00
.gitignore Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
CHANGELOG.md chore: 发布 v0.1.3 补丁版本 2025-07-13 23:09:57 +08:00
README.md Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
index.html Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
package.json chore: 发布 v0.1.3 补丁版本 2025-07-13 23:09:57 +08:00
postcss.config.js feat: 实现项目管理功能 v0.1.1 2025-07-13 18:46:58 +08:00
tailwind.config.js feat: 实现项目管理功能 v0.1.1 2025-07-13 18:46:58 +08:00
tsconfig.json Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
tsconfig.node.json Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
vite.config.ts Initial commit: MixVideo Desktop v0.1.0 2025-07-13 17:57:52 +08:00
vitest.config.ts feat: 实现项目管理功能 v0.1.1 2025-07-13 18:46:58 +08:00

README.md

@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 等)

📝 开发指南

推荐 IDE 设置