xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 11 Pull Requests 2 Actions Packages Projects Releases 7 Wiki Activity

预览视频卡片右侧出现大片白色空白区域 #1303

New Issue
Closed
opened 2026-08-08 14:25:52 +08:00 by xiaoxia · 1 comment
xiaoxia commented 2026-08-08 14:25:52 +08:00
Owner
Copy Link
Copy Source

问题描述

Step4 生成预览时，预览视频卡片右侧出现大片白色空白区域，视频内容只显示在左侧一小块。

根因分析

Step4GeneratePreview.tsx 中预览卡片 aspectRatio 硬编码为 "9/16"（竖屏比例），但实际生成的预览视频是 16:9（横屏）。容器比例与视频内容不匹配导致空白区域。

修复方案

PR #1302：卡片 aspectRatio 改为根据 videoRatio prop 动态计算，移除 maxHeight 限制。

验收标准

  • 选择生成3个预览视频，所有卡片无白色空白区域
  • 视频内容完整显示在卡片中
  • 9:16 和 16:9 比例都能正确适配
## 问题描述 Step4 生成预览时，预览视频卡片右侧出现大片白色空白区域，视频内容只显示在左侧一小块。 ## 根因分析 `Step4GeneratePreview.tsx` 中预览卡片 `aspectRatio` 硬编码为 `"9/16"`（竖屏比例），但实际生成的预览视频是 16:9（横屏）。容器比例与视频内容不匹配导致空白区域。 ## 修复方案 PR #1302：卡片 aspectRatio 改为根据 `videoRatio` prop 动态计算，移除 maxHeight 限制。 ## 验收标准 - [ ] 选择生成3个预览视频，所有卡片无白色空白区域 - [ ] 视频内容完整显示在卡片中 - [ ] 9:16 和 16:9 比例都能正确适配
xiaoxia added the devops label 2026-08-08 14:25:52 +08:00
xiaoxia commented 2026-08-10 01:24:10 +08:00
Author
Owner
Copy Link
Copy Source

✅ 已由 PR #1302 修复并合并（2026-08-08）。

aspectRatio 已改为根据 videoRatio prop 动态计算，16:9 和 9:16 比例都能正确适配。

✅ 已由 PR #1302 修复并合并（2026-08-08）。 aspectRatio 已改为根据 videoRatio prop 动态计算，16:9 和 9:16 比例都能正确适配。
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 question
需要讨论确认
 ready
PR CI通过，可合并
 refactor
代码重构
No Label devops
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
auto-approve-bot xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1303
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?