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

- 产品/解决方案卡片图片宽度调整为100%并将比例设定为16/10 - 产品页在竖屏状态下的文字边距
2025-11-07 14:36:21 +08:00
parent f8c95207c2
commit 58e91ed67c
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;