fix: 调整部分图像显示问题

- 产品/解决方案卡片图片宽度、比例调整 - 产品页竖屏是的文字边距调整
2025-11-07 14:38:07 +08:00
parent 191459ec5c 58e91ed67c
commit 1cdc29b1ce
5 changed files with 9 additions and 2 deletions
--- 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;
  }

--- 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;
  }

--- 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;
--- 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;
  }

--- 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) {