hookehuyr

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

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