From 656db4fcb9649a868fb5e6789c2169219eeb72b2 Mon Sep 17 00:00:00 2001
From: zihanjian <zihan.jian@outlook.com>
Date: Fri, 4 Jul 2025 17:27:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E7=AB=96=E5=90=91=E5=B9=BF?=
 =?UTF-8?q?=E5=91=8A=E6=AF=94=E4=BE=8B=E4=B8=BA3:5=EF=BC=88=E5=AE=BD:?=
 =?UTF-8?q?=E9=AB=98=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将竖向广告的宽高比从5:3改为3:5
- 调整宽度为300px，使其呈现真正的竖向效果
- 更新占位图片的尺寸以匹配新比例

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/VerticalAd.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/VerticalAd.tsx b/components/VerticalAd.tsx
index 4b43ca1..b8b0771 100644
--- a/components/VerticalAd.tsx
+++ b/components/VerticalAd.tsx
@@ -33,25 +33,25 @@ export default function VerticalAd() {
           <X className="h-5 w-5 text-gray-700" />
         </button>
 
-        {/* 广告内容 - 5:3 比例 */}
+        {/* 广告内容 - 3:5 比例（宽:高） */}
         <div 
           className="relative bg-gray-200 rounded-lg overflow-hidden shadow-xl"
           style={{
-            width: 'min(500px, 90vw)',
-            aspectRatio: '5/3'
+            width: 'min(300px, 60vw)',
+            aspectRatio: '3/5'
           }}
         >
           {/* 占位内容 */}
           <div className="absolute inset-0 flex items-center justify-center">
             <div className="text-center">
               <div className="text-gray-500 text-lg mb-2">广告位</div>
-              <div className="text-gray-400 text-sm">5:3 竖向广告</div>
+              <div className="text-gray-400 text-sm">3:5 竖向广告</div>
             </div>
           </div>
           
           {/* 实际广告图片占位 */}
           <img 
-            src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 300'%3E%3Crect fill='%23e5e7eb' width='500' height='300'/%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='24' fill='%236b7280'%3E广告占位图%3C/text%3E%3C/svg%3E"
+            src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 500'%3E%3Crect fill='%23e5e7eb' width='300' height='500'/%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='24' fill='%236b7280'%3E广告占位图%3C/text%3E%3C/svg%3E"
             alt="广告"
             className="w-full h-full object-cover"
           />