From 77288cdc9d546f5727340dfe59cabac7a1527b8d Mon Sep 17 00:00:00 2001
From: xiaoxia <xiaoxia@xiaoxiajianji.com>
Date: Sat, 8 Aug 2026 14:25:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=A2=84=E8=A7=88=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E6=AF=94=E4=BE=8B=E5=8A=A8=E6=80=81=E9=80=82=E9=85=8D=20videoR?=
 =?UTF-8?q?atio=EF=BC=8C=E4=BF=AE=E5=A4=8D=2016:9=20=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E7=99=BD=E6=A1=86=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Step4GeneratePreview 卡片 aspectRatio 从硬编码 '9/16' 改为根据 videoRatio prop 动态计算
- 移除 maxHeight: 180 限制，让视频完整显示
- 默认值 16:9 匹配实际生成的预览视频比例
---
 .../src/pages/generate/components/Step4GeneratePreview.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/pages/generate/components/Step4GeneratePreview.tsx b/apps/web/src/pages/generate/components/Step4GeneratePreview.tsx
index 1b04ee2db..a3a986632 100644
--- a/apps/web/src/pages/generate/components/Step4GeneratePreview.tsx
+++ b/apps/web/src/pages/generate/components/Step4GeneratePreview.tsx
@@ -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",
-- 
2.54.0