4b26c0406c
布局优化: - 从左右布局改为上下布局，提升用户体验 - 统计信息移至顶部，采用卡片式设计 - 选项卡导航采用现代化设计风格 响应式设计: - 统计卡片支持2-4列自适应布局 - 选项卡在小屏幕上显示简化文本 - 操作按钮在移动端仅显示图标 - 素材网格支持1-5列响应式布局 用户体验提升: - 更好的信息层次结构 - 更高效的空间利用 - 移动端友好的交互设计 - 符合现代UI设计规范 遵循promptx/frontend-developer开发规范，确保: - 移动优先的响应式设计 - 良好的可访问性支持 - 一致的设计语言 - 优秀的性能表现
@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 等)