🐞 fix(首页): 海格全球和解决方案在移动端大小显示优化

 <!--
 <!--
  * @Date: 2024-08-27 10:06:30
  * @Date: 2024-08-27 10:06:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-07 14:39:51
+ * @LastEditTime: 2024-11-07 15:57:51
  * @FilePath: /hager/src/views/index.vue
  * @FilePath: /hager/src/views/index.vue
  * @Description: 首页
  * @Description: 首页
 -->
 -->
@@ -258,6 +258,8 @@ export default {
       // 动态计算解决方案图片高度
       // 动态计算解决方案图片高度
       let img_box_width = $('.solution-item').outerWidth();
       let img_box_width = $('.solution-item').outerWidth();
       $('.solution-item').css('height', img_box_width * 0.56 + 'px');
       $('.solution-item').css('height', img_box_width * 0.56 + 'px');
+      let img_xs_width = $('.solution-item.xs').outerWidth();
+      $('.solution-item.xs').css('height', img_box_width * 0.8 + 'px');
     });
     });
     window.addEventListener('resize', this.handleHeightResize);
     window.addEventListener('resize', this.handleHeightResize);
   },
   },
@@ -278,6 +280,8 @@ export default {
       // 动态计算解决方案图片高度
       // 动态计算解决方案图片高度
       let img_box_width = $('.solution-item').outerWidth();
       let img_box_width = $('.solution-item').outerWidth();
       $('.solution-item').css('height', img_box_width * 0.56 + 'px');
       $('.solution-item').css('height', img_box_width * 0.56 + 'px');
+      let img_xs_width = $('.solution-item.xs').outerWidth();
+      $('.solution-item.xs').css('height', img_box_width * 0.8 + 'px');
     },
     },
     getToGroup () {
     getToGroup () {
       this.$router.push({
       this.$router.push({
@@ -412,14 +416,29 @@ export default {
       text-align: center;
       text-align: center;
       &.xs {
       &.xs {
         flex-direction: column;
         flex-direction: column;
+        .hager-global-info-item {
+          margin-bottom: 1rem;
+          .num {
+            font-size: 6vw;
+            span {
+              font-size: 8vw;
+            }
+          }
+          .text-cn {
+            font-size: 4vw;
+          }
+          .text {
+            font-size: 3vw;
+          }
+        }
       }
       }
       .hager-global-info-item {
       .hager-global-info-item {
         .num {
         .num {
           color: @secondary-color;
           color: @secondary-color;
-          font-size: 1.5rem;
+          font-size: 1.5vw;
           font-weight: bold;
           font-weight: bold;
           span {
           span {
-            font-size: 3rem;
+            font-size: 3vw;
           }
           }
         }
         }
         .text-cn {
         .text-cn {
@@ -427,7 +446,7 @@ export default {
         }
         }
         .text {
         .text {
           line-height: 1.8;
           line-height: 1.8;
-          font-size: 0.9rem;
+          font-size: 0.9vw;
         }
         }
       }
       }
     }
     }