样式调整

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 11:48:50
+ * @LastEditTime: 2024-10-22 16:22:44
  * @FilePath: /hager/src/views/about/china.vue
  * @Description: 关于海格-海格在中国
 -->
@@ -30,7 +30,7 @@
               </div>
           </div>
         </el-col>
-        <el-col :span="15">
+        <el-col :span="16">
           <div class="about-img"></div>
         </el-col>
       </el-row>

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 11:49:53
+ * @LastEditTime: 2024-10-22 16:22:39
  * @FilePath: /hager/src/views/about/development.vue
  * @Description: 关于海格-可持续发展
 -->
@@ -32,7 +32,7 @@
               </div>
           </div>
         </el-col>
-        <el-col :span="15">
+        <el-col :span="16">
           <div class="about-img"></div>
         </el-col>
       </el-row>

 <!--
  * @Date: 2024-10-17 11:13:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-22 11:33:06
+ * @LastEditTime: 2024-10-22 16:22:33
  * @FilePath: /hager/src/views/about/global.vue
  * @Description: 文件描述
 -->
@@ -28,7 +28,7 @@
               </div>
           </div>
         </el-col>
-        <el-col :span="15">
+        <el-col :span="16">
           <div class="about-img"></div>
         </el-col>
       </el-row>

@@ -7,7 +7,7 @@
 -->
 <template>
   <div class="hager-detail-page">
-    <hager-box class="top-img" :style="{ height: '25rem', backgroundImage: 'url(https://cdn.ipadbiz.cn/hager/banner/banner06.png)' }">
+    <hager-box :class="['top-img', is_xs ? 'xs' : '']" :style="{ backgroundImage: 'url(https://cdn.ipadbiz.cn/hager/banner/banner06.png)' }">
       <div v-if="!is_xs" class="banner-text-wrapper top-center">
         <div class="text">
           <p class="title" style="margin-bottom: 0;">新闻中心</p>
@@ -56,6 +56,10 @@ export default {
       background-size: cover;
       background-position: center;
       position: relative;
+      height: 25rem;
+      &.xs {
+        height: 12rem;
+      }
       .top-center {
         position: absolute;
         transform: translateY(50%); /* 垂直与水平居中 */