fix 关于海格相关页面标题大小样式调整

 <!--
  * @Date: 2024-09-29 10:07:11
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-16 11:57:09
+ * @LastEditTime: 2024-10-22 11:38:03
  * @FilePath: /hager/src/components/common/hagerH1.vue
  * @Description: 文件描述
 -->
 <template>
-  <div :class="['hagerH1']">
-    <p class="h1">{{ title }}</p>
-    <p class="sub">{{ sub }}</p>
+  <div class="hagerH1">
+    <p :class="['h1', is_xs ? 'xs' : '']">{{ title }}</p>
+    <p :class="['sub', , is_xs ? 'xs' : '']">{{ sub }}</p>
   </div>
 </template>
 
@@ -52,18 +52,23 @@ export default {
 
 <style lang="less" scoped>
   .hagerH1 {
-    // &.xs {
-      // padding: 0 1rem;
-    // }
     .h1 {
       color: @secondary-color;
       font-size: 1.9rem;
       font-weight: bold;
+
+      &.xs {
+        font-size: 1.5rem;
+      }
     }
     .sub {
       color: @primary-color;
       font-size: 1.7rem;
       font-weight: bold;
+
+      &.xs {
+        font-size: 1rem;
+      }
     }
   }
 </style>

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-21 17:17:55
+ * @LastEditTime: 2024-10-22 11:35:17
  * @FilePath: /hager/src/views/about/china.vue
  * @Description: 文件描述
 -->
@@ -45,8 +45,8 @@
       <div class="about-box-wrapper xs">
         <div class="about-box xs">
           <div class="title">
-            <p class="c">海格电气在中国</p>
-            <p class="e">Hager in China</p>
+            <p class="c xs">海格电气在中国</p>
+            <p class="e xs">Hager in China</p>
           </div>
           <div class="introduce" v-clamp="3">
             <p>唯有匠心，不负初心。<br/>专注为你，彼此成就！</p>
@@ -121,10 +121,16 @@ export default {
         .c {
           font-size: 2rem;
           color: @secondary-color;
+          &.xs {
+            font-size: 1.5rem;
+          }
         }
         .e {
           font-size: 1.5rem;
           color: @primary-color;
+          &.xs {
+            font-size: 1.1rem;
+          }
         }
       }
       .introduce {

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 10:05:52
+ * @LastEditTime: 2024-10-22 11:38:36
  * @FilePath: /hager/src/views/about/design.vue
  * @Description: 文件描述
 -->
@@ -39,10 +39,10 @@
       <div class="about-img"></div>
       <div class="about-box xs">
         <div>
-          <div class="title">
+          <!-- <div class="title">
             <p class="c">创新设计</p>
             <p class="e">Innovative Design</p>
-          </div>
+          </div> -->
           <div class="introduce" v-clamp="3">
             <p>海格电气一直致力于创新，<br/>我们与客户共同着手面向未来的主题。</p>
           </div>
@@ -50,7 +50,7 @@
       </div>
     </div>
     <hager-box class="box-2n">
-      <hager-h1 title="从产品到解决方案" sub="From Products to Solutions" style="margin: 2rem 0;"></hager-h1>
+      <hager-h1 title="从产品到解决方案" sub="From Products to Solutions" style="margin: 1rem 0;"></hager-h1>
       <div>
         <swiper ref="myDesignSwiper" class="swiper" :options="swiperOption" @slideChange="onDesignSlideChange">
           <swiper-slide v-for="(item, index) in design_list" :key="index">
@@ -158,7 +158,7 @@ export default {
             spaceBetween: 20
           },
           640: {
-            slidesPerView: 1,
+            slidesPerView: 2,
             spaceBetween: 20
           },
           320: {

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-21 17:16:51
+ * @LastEditTime: 2024-10-22 11:33:06
  * @FilePath: /hager/src/views/about/global.vue
  * @Description: 文件描述
 -->
@@ -43,8 +43,8 @@
       <div class="about-box-wrapper xs">
         <div class="about-box xs">
           <div class="title">
-            <p class="c">海格全球</p>
-            <p class="e">Hager Group</p>
+            <p class="c xs">海格全球</p>
+            <p class="e xs">Hager Group</p>
           </div>
           <div class="introduce" v-clamp="3">海格集团是全球领先的电气及智能化解决方案和服务提供商，应用领域涵盖住宅、商业建筑、公共建筑和工业。</div>
           </div>
@@ -116,10 +116,16 @@ export default {
         .c {
           font-size: 2rem;
           color: @secondary-color;
+          &.xs {
+            font-size: 1.5rem;
+          }
         }
         .e {
           font-size: 1.5rem;
           color: @primary-color;
+          &.xs {
+            font-size: 1.1rem;
+          }
         }
       }
       .introduce {

@@ -52,8 +52,8 @@
         <div class="about-img xs" :style="{ 'background-image': 'url('+ item.img +')' }"></div>
         <div class="about-box">
           <div class="title">
-            <p class="c">{{ item.c_title }}</p>
-            <p class="e">{{ item.e_title }}</p>
+            <p class="c xs">{{ item.c_title }}</p>
+            <p class="e xs">{{ item.e_title }}</p>
           </div>
           <div class="introduce" v-clamp="3">{{ item.content }}</div>
           <div class="more">
@@ -161,10 +161,16 @@ export default {
         .c {
           font-size: 2rem;
           color: @secondary-color;
+          &.xs {
+            font-size: 1.5rem;
+          }
         }
         .e {
           font-size: 1.5rem;
           color: @primary-color;
+          &.xs {
+            font-size: 1.1rem;
+          }
         }
       }
       .introduce {

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 11:26:47
+ * @LastEditTime: 2024-10-22 11:32:04
  * @FilePath: /hager/src/views/about/product.vue
  * @Description: 文件描述
 -->