Files
mixvideo-v2/0.1.1.md
imeepos 6b21a389c0 feat: 优化模特管理界面UI/UX设计
界面精致化优化:
- 优化模特卡片尺寸,宽高比调整为4:5,更加紧凑
- 精致化按钮设计,统一尺寸规范和间距
- 优化搜索框和筛选器,提升视觉精致度
- 修复下拉选择组件图标间距问题

 组件优化:
- ModelCard: 减少内边距,优化文字和图标尺寸
- ModelList: 精致化头部工具栏和按钮设计
- ModelSearch: 重新设计搜索框和筛选器布局
- 创建CustomSelect组件,解决原生select样式问题

 用户体验提升:
- 修复筛选按钮功能,添加展开/收起动画
- 优化网格布局,支持更多列显示
- 提高信息密度,在相同空间显示更多内容
- 统一设计语言,建立完整的设计系统

 响应式优化:
- 优化移动端显示效果
- 在大屏幕上支持5列布局
- 改进触摸目标尺寸和间距

技术改进:
- 建立统一的设计令牌系统
- 优化CSS动画和过渡效果
- 改进组件可维护性和复用性
- 遵循前端开发规范和视觉设计标准
2025-07-14 10:45:08 +08:00

4.7 KiB
Raw Blame History

0.1.1 核心功能开发

项目管理 功能

  • 添加项目 填写表单
  1. 填写项目名称
  2. 选择绑定的本地路径作为本项目的根目录

首页是项目列表页面

  1. 要求简洁/大方

0.1.2 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发

  1. 开发项目详情页面

列表页打开后,跳转到项目详情页面

添加素材导入功能 业务流程如下

导入素材->根据素材md5码检查处理结果 忽略处理成功的素材 -> 获取素材的元数据 视频/音频等数据使用ffprobe

  • 如果是视频文件 则走下面流程 分析视频内场景->如果有镜头切换->用ffmpeg切分出来->然后检查切分出来的视频时长是否大于最大视频时长如果大于最大视频时长进行使用ffmpeg二次切分
  • 其他文件则保存数据库 结束

注意事项

  • 镜头切换算法 我指导python中有第三方库叫 PySceneDetect 检查下 rust有无同类库 如果有直接用 避免造轮子

0.1.4 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发

  1. feature: 在导入时启动异步处理(更好的用户体验)
  2. feature: 开发批量导入功能

0.1.5 UI美化 UX改进

新建feature分支完成一下功能开发 根据promptx\frontend-developer规定的前端开发规范 优化现有UI和UX操作体验 要求界面美观 操作流畅 动画优美 合理化信息展示及布局 符合用户操作习惯和大众审美习惯

BUG

  • 切换到 hotfix 分支修复: ffmpeg和ffmprobe执行时 会有命令行闪现

0.1.6 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发

开发 模特管理 功能

  1. 实现模特的curd功能
  2. 素材可以和模特关联
  • 再次学习 promptx\tauri-desktop-app-expert tauri开发规范
  • 再次学习 promptx\frontend-developer 前端开发规范

0.1.7 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发 开发 AI分类设置 页面

  1. 实现AI分类的curd
  2. 核心功能:定义分类名/给大模型用的提示词{什么样的视频是这个分类}

根据promptx\frontend-developer规定的前端开发规范 检查现有前端代码逻辑 要求界面美观 操作流畅 动画优美 合理化信息展示及布局 符合用户操作习惯和大众审美习惯 整体布局精致优美 各元素大小适中 切记不要太大

0.1.8 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发 开发 切片视频 AI自动归类整理 素材功能

  1. 详情页面 添加 素材智能分类按钮 点击后 调用gemini 自动给视频片段分类

0.1.9 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发 开发 模板导入功能

  1. 导入 剪映草稿模板 分析轨道片段信息 (时长/material_id/segment_id/track_id/name等信息
  2. 编辑 name 信息

0.1.10 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发 开发 素材模板匹配功能

核心规则

  1. 每个素材最多使用一次
  2. 尽量多的使用模板 保证视频的多样性
  3. 根据模板片段中的name信息 匹配 视频AI分类 且 每个模板只能使用 同一个模特的素材 模板可多次使用
  4. 匹配成功的模板 生成 匹配记录/素材标记为已使用

0.1.10 核心功能开发

新建feature分支完成一下功能开发 根据promptx\tauri-desktop-app-expert规定的开发规范 完成下面功能的开发 开发 导出 匹配结果到剪映草稿箱

优化

提交代码 然后优化: feature: 编写单元测试和集成测试 feature: 优化异步操作 feature: 完善配置管理系统

问题:数据库连接管理不够优化

  • 嵌套锁导致死锁问题
  • 每次查询都重新获取连接
  • 照片加载逻辑效率不高

问题:数据库连接管理不够优化

  • 嵌套锁导致死锁问题
  • 每次查询都重新获取连接
  • 照片加载逻辑效率不高

问题:数据库连接管理不够优化

  • 嵌套锁导致死锁问题
  • 每次查询都重新获取连接
  • 照片加载逻辑效率不高

问题:数据库连接管理不够优化

  • 嵌套锁导致死锁问题
  • 每次查询都重新获取连接
  • 照片加载逻辑效率不高