解决方案移动端把more按钮和头部图片隐藏掉

 <!--
  * @Date: 2024-09-29 15:49:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-04 09:34:50
+ * @LastEditTime: 2024-11-10 11:53:25
  * @FilePath: /hager/src/views/solution/detail.vue
  * @Description: 文件描述
 -->
 <template>
   <div class="hager-solution-detail">
-    <hager-box class="top-img" :style="{ backgroundImage: 'url(https://cdn.ipadbiz.cn/hager/banner/banner03@2x.png)' }">
-      <div v-if="!is_xs" class="banner-text-wrapper top-center">
+    <hager-box v-if="!is_xs" class="top-img" :style="{ backgroundImage: 'url(https://cdn.ipadbiz.cn/hager/banner/banner03@2x.png)' }">
+      <div class="banner-text-wrapper top-center">
         <div class="text">
           <p class="title" style="margin-bottom: 0;">学校解决方案</p>
           <p class="sub">Campus Solution</p>
@@ -65,9 +65,9 @@
             </div>
           </div>
         </div>
-        <div style="display: flex; justify-content: center; margin-top: 2rem;">
+        <!-- <div style="display: flex; justify-content: center; margin-top: 2rem;">
           <hager-more></hager-more>
-        </div>
+        </div> -->
       </div>
       <div v-else>
         <swiper ref="mySuccessSwiper" class="swiper" :options="swiperOption" @slideChange="onSuccessSlideChange">
@@ -85,7 +85,7 @@
           </swiper-slide>
         </swiper>
         <div v-if="success_data_list.length > SuccessSlidesPerView || is_xs" class="hager-product-center-more xs">
-          <hager-more></hager-more>
+          <!-- <hager-more></hager-more> -->
           <div class="xs-control">
             <div>
               <i :class="['el-icon-arrow-left', activeSuccessIndex === 0 ? 'disabled' : '']" @click="prevSuccessBtn()"></i>