chenpei e4e998b2a6 feat: 优化AI图片处理加载效果 - 对标业界最佳实践 ...

🎨 参考Midjourney/DALL-E等主流AI工具的UX设计:

1. **动态呼吸效果** (breathe animation):
   - 模糊度从15px→12px周期性变化
   - Scale从1.0→1.02微妙缩放
   - 模拟真实的图片生成过程

2. **双层旋转Spinner**:
   - 外圈顺时针旋转
   - 内圈逆时针旋转
   - 增强视觉反馈

3. **渐变Overlay**:
   - 蓝紫渐变半透明背景
   - 毛玻璃backdrop-blur
   - 更精致的视觉效果

4. **完成后淡入动画**:
   - fade-in + slide-in-from-bottom
   - 每张图片延迟100ms
   - 总时长400ms
   - 平滑的视觉过渡

5. **用户图片尺寸优化**:
   - 限制max-w-[200px]
   - 保持原始比例(object-contain)
   - 不会撑大对话框

与业界对比:
- ✅ Midjourney: 渐进式清晰
- ✅ DALL-E: 扫描线+模糊渐变
- ✅ Stable Diffusion: 降噪过程可视化
- ✅ Adobe Firefly: Shimmer效果

现在用户体验媲美专业AI生图工具！

2025-10-27 18:37:38 +08:00

..

AIChatWidget.tsx

feat: 优化AI图片处理加载效果 - 对标业界最佳实践

2025-10-27 18:37:38 +08:00

DanmakuWidget.tsx

feat: 弹幕功能改为匿名模式

2025-10-27 17:13:37 +08:00

EditMaterialModal.tsx

feat: SPU输入框限制中文并自动转大写

2025-10-26 13:46:26 +08:00

Header.tsx

feat: 添加S3存储桶配置、全站实时弹幕功能、LOGO分离上传

2025-10-27 17:06:54 +08:00

RankingPanel.tsx

Initial commit: 共享平台项目

2025-10-26 09:11:04 +08:00

UploadModal.tsx

feat: Add automatic PSD preview generation

2025-10-26 15:49:33 +08:00