fix 首页自适应调整

 <!--
  * @Date: 2024-08-27 10:06:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-10-21 11:30:52
+ * @LastEditTime: 2024-10-21 12:23:10
  * @FilePath: /hager/src/views/index.vue
  * @Description: 首页
 -->
 <template>
   <div class="hager-container">
-    <el-carousel :height="top_img_height" :interval="8000">
+    <el-carousel :height="top_img_height" :interval="0">
       <el-carousel-item v-for="(item, index) in banner_list" :key="index">
-        <el-image style="width: 100%; height: 100%;" fit="fill" :src="item.src"></el-image>
+        <el-image style="height: 100%;" fit="fill" :src="item.src"></el-image>
       </el-carousel-item>
     </el-carousel>
     <hager-box class="box-n">
@@ -110,7 +110,7 @@
         <!-- <div v-if="product_list.length <= productSlidesPerView" class="more-box" style="margin-top: 2rem;">
           <hager-more></hager-more>
         </div> -->
-        <div v-if="product_list.length > productSlidesPerView" class="hager-product-center-more xs">
+        <div v-if="product_list.length > productSlidesPerView || is_xs" class="hager-product-center-more xs">
           <!-- <hager-more></hager-more> -->
           <div class="xs-control">
             <div>
@@ -643,6 +643,7 @@ export default {
     &.xs {
       justify-content: flex-end;
       padding-left: 20%;
+      margin-top: 0;
     }
   }
 }