From 58e91ed67ca06cce42bc89c68f6f774ea0c54796 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Fri, 7 Nov 2025 14:36:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E5=9B=BE=E5=83=8F=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 产品/解决方案卡片图片宽度调整为100%并将比例设定为16/10
- 产品页在竖屏状态下的文字边距
---
 app/components/pages/homepage/HomepageProductSection.vue  | 1 +
 app/components/pages/homepage/HomepageSolutionSection.vue | 1 +
 app/components/pages/products/ProductHeader.vue           | 3 +++
 app/components/shared/ProductCard.vue                     | 3 ++-
 app/components/shared/SolutionCard.vue                    | 3 ++-
 5 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/components/pages/homepage/HomepageProductSection.vue b/app/components/pages/homepage/HomepageProductSection.vue
index 33fa74f..1d504aa 100644
--- a/app/components/pages/homepage/HomepageProductSection.vue
+++ b/app/components/pages/homepage/HomepageProductSection.vue
@@ -210,6 +210,7 @@
 
   .recommend-card .el-image {
     width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 
diff --git a/app/components/pages/homepage/HomepageSolutionSection.vue b/app/components/pages/homepage/HomepageSolutionSection.vue
index 3bbc52a..d0c1765 100644
--- a/app/components/pages/homepage/HomepageSolutionSection.vue
+++ b/app/components/pages/homepage/HomepageSolutionSection.vue
@@ -210,6 +210,7 @@
 
   .recommend-card .el-image {
     width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 
diff --git a/app/components/pages/products/ProductHeader.vue b/app/components/pages/products/ProductHeader.vue
index dc9ba61..8a48b13 100644
--- a/app/components/pages/products/ProductHeader.vue
+++ b/app/components/pages/products/ProductHeader.vue
@@ -117,6 +117,9 @@
     .product-image .el-image {
       height: 300px;
     }
+    .product-info {
+      padding: 0 1rem;
+    }
 
     .product-info h1 {
       font-size: 1.5rem;
diff --git a/app/components/shared/ProductCard.vue b/app/components/shared/ProductCard.vue
index 397a0a4..c2da746 100644
--- a/app/components/shared/ProductCard.vue
+++ b/app/components/shared/ProductCard.vue
@@ -61,7 +61,8 @@
   }
 
   .product-card .el-image {
-    height: 150px;
+    width: 100%;
+    aspect-ratio: 16 / 10;
     border-radius: 4px;
   }
 
diff --git a/app/components/shared/SolutionCard.vue b/app/components/shared/SolutionCard.vue
index 867b168..503b494 100644
--- a/app/components/shared/SolutionCard.vue
+++ b/app/components/shared/SolutionCard.vue
@@ -67,7 +67,8 @@
   }
 
   .solution-card .el-image {
-    height: 250px;
+    width: 100%;
+    aspect-ratio: 16 / 10;
   }
 
   @media (max-width: 1200px) {
-- 
2.49.0