fix: 统一竖屏 9:16 比例

- generate.css: 7 处 aspect-ratio 从 16/9 改为 9/16 - generate.css: .xx-preview-video max-height 400px→600px - generate.css: .xx-preview-video-wrapper max-width→max-height - PreviewVideoPanel.tsx: fallback 从 16:9→9:16 - UploadCoverPicker.tsx: 提示文字从建议16:9→建议9:16
2026-08-20 14:29:05 +08:00
parent ec3ba19342
commit 6a3f4e4127
3 changed files with 3 additions and 3 deletions
@@ -193,7 +193,7 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
  titleSettings,
  voiceAudioUrl,
 }) => {
-  const videoAspectStyle = { aspectRatio: (videoRatio || "16:9").replace(":", "/") }
+  const videoAspectStyle = { aspectRatio: (videoRatio || "9:16").replace(":", "/") }

  return (
    <div className="xx-generate-preview">
@@ -30,7 +30,7 @@ export const UploadCoverPicker: React.FC<UploadCoverPickerProps> = ({ uploadUrl,
          <div className="xx-cover-upload-placeholder">
            <span style={{ fontSize: 32 }}>📤</span>
            <span className="xx-cover-upload-text">点击上传封面图片</span>
-            <span className="xx-cover-upload-hint">支持 JPG / PNG，建议 16:9 比例</span>
+            <span className="xx-cover-upload-hint">支持 JPG / PNG，建议 9:16 比例</span>
          </div>
        )}
        <input
@@ -2772,7 +2772,7 @@

 .xx-video-thumb {
  position: relative;
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
  background: var(--bg-tertiary);
  overflow: hidden;
 }