fix: 预览卡片比例动态适配 videoRatio，修复 16:9 视频右侧白框问题

- Step4GeneratePreview 卡片 aspectRatio 从硬编码 '9/16' 改为根据 videoRatio prop 动态计算 - 移除 maxHeight: 180 限制，让视频完整显示 - 默认值 16:9 匹配实际生成的预览视频比例
2026-08-08 14:25:23 +08:00
parent 99d83cc21e
commit 77288cdc9d
1 changed files with 3 additions and 3 deletions
@@ -42,7 +42,7 @@ const PREVIEW_COUNT_OPTIONS = [
 const Step4GeneratePreview: React.FC<Step4GeneratePreviewProps> = ({
  templateName: _templateName,
  materialCount: _materialCount,
-  videoRatio: _videoRatio,
+  videoRatio,
  previewCount,
  onPreviewCountChange,
  items,
@@ -55,6 +55,7 @@ const Step4GeneratePreview: React.FC<Step4GeneratePreviewProps> = ({
  onGeneratePreview,
  onRegeneratePreview,
 }) => {
+  const aspectRatio = (videoRatio || "16:9").replace(":", "/") // "9:16" → "9/16", "16:9" → "16/9"
  const isIdle = overallStatus === "idle"
  const isError = overallStatus === "error" && !items.some((it) => it.status === "ready")

@@ -161,8 +162,7 @@ const Step4GeneratePreview: React.FC<Step4GeneratePreviewProps> = ({
                {/* 缩略图/状态区域 */}
                <div
                  style={{
-                    aspectRatio: "9/16",
-                    maxHeight: 180,
+                    aspectRatio,
                    background: "#000",
                    display: "flex",
                    alignItems: "center",