Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
1bb6d5a6 1 parent 9bc36389

fix 移动端左右滚动图片显示按钮如果只有一页不显示

Inline Side-by-side
Showing 4 changed files with 8 additions and 8 deletions
1 <!-- 1 <!--
2 * @Date: 2024-10-17 11:13:44 2 * @Date: 2024-10-17 11:13:44
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-01 18:03:45 4 + * @LastEditTime: 2024-12-09 13:41:32
5 * @FilePath: /hager/src/views/about/design.vue 5 * @FilePath: /hager/src/views/about/design.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
64 </div> 64 </div>
65 </swiper-slide> 65 </swiper-slide>
66 </swiper> 66 </swiper>
67 - <div v-if="design_list.length > designSlidesPerView || is_xs" class="xs-control"> 67 + <div v-if="design_list.length > designSlidesPerView || (is_xs && design_list.length > 2)" class="xs-control">
68 <div> 68 <div>
69 <i :class="['el-icon-arrow-left', activeDesignIndex === 0 ? 'disabled' : '']"@click="prevDesignBtn()"></i>&nbsp; 69 <i :class="['el-icon-arrow-left', activeDesignIndex === 0 ? 'disabled' : '']"@click="prevDesignBtn()"></i>&nbsp;
70 <i :class="['el-icon-arrow-right', reach_design_end ? 'disabled' : '']" @click="nextDesignBtn()"></i> 70 <i :class="['el-icon-arrow-right', reach_design_end ? 'disabled' : '']" @click="nextDesignBtn()"></i>
......
1 <!-- 1 <!--
2 * @Date: 2024-08-27 10:06:30 2 * @Date: 2024-08-27 10:06:30
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-11 12:02:40 4 + * @LastEditTime: 2024-12-09 13:27:34
5 * @FilePath: /hager/src/views/index.vue 5 * @FilePath: /hager/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -248,7 +248,7 @@ export default { ...@@ -248,7 +248,7 @@ export default {
248 this.news_list = data.news; 248 this.news_list = data.news;
249 } 249 }
250 this.$nextTick(() => { 250 this.$nextTick(() => {
251 - this.isEnd = this.$refs.myProductSwiper.$swiper.isEnd; // 是否全部显示出来 251 + this.isEnd = this.$refs.myProductSwiper?.$swiper.isEnd; // 是否全部显示出来
252 this.$refs.myProductSwiper.$swiper?.on('breakpoint', (swiper) => { 252 this.$refs.myProductSwiper.$swiper?.on('breakpoint', (swiper) => {
253 // breakpoint时 显示的条数 253 // breakpoint时 显示的条数
254 this.productSlidesPerView = swiper.slidesPerView; 254 this.productSlidesPerView = swiper.slidesPerView;
......
1 <!-- 1 <!--
2 * @Date: 2024-10-18 13:45:53 2 * @Date: 2024-10-18 13:45:53
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-11-08 15:07:40 4 + * @LastEditTime: 2024-12-09 13:41:12
5 * @FilePath: /hager/src/views/recruit.vue 5 * @FilePath: /hager/src/views/recruit.vue
6 * @Description: 招聘信息 6 * @Description: 招聘信息
7 --> 7 -->
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
75 </div> 75 </div>
76 </swiper-slide> 76 </swiper-slide>
77 </swiper> 77 </swiper>
78 - <div v-if="recruit_list.length > designSlidesPerView || is_xs" class="xs-control"> 78 + <div v-if="recruit_list.length > designSlidesPerView || (is_xs && recruit_list.length > 2)" class="xs-control">
79 <div> 79 <div>
80 <i :class="['el-icon-arrow-left', activeDesignIndex === 0 ? 'disabled' : '']"@click="prevDesignBtn()"></i>&nbsp; 80 <i :class="['el-icon-arrow-left', activeDesignIndex === 0 ? 'disabled' : '']"@click="prevDesignBtn()"></i>&nbsp;
81 <i :class="['el-icon-arrow-right', reach_design_end ? 'disabled' : '']" @click="nextDesignBtn()"></i> 81 <i :class="['el-icon-arrow-right', reach_design_end ? 'disabled' : '']" @click="nextDesignBtn()"></i>
......
1 <!-- 1 <!--
2 * @Date: 2024-10-18 12:06:09 2 * @Date: 2024-10-18 12:06:09
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-12-05 16:08:07 4 + * @LastEditTime: 2024-12-09 13:41:51
5 * @FilePath: /hager/src/views/solution/case.vue 5 * @FilePath: /hager/src/views/solution/case.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
81 </div> 81 </div>
82 </swiper-slide> 82 </swiper-slide>
83 </swiper> 83 </swiper>
84 - <div v-if="case_img.length > productSlidesPerView || is_xs" class="hager-product-center-more"> 84 + <div v-if="case_img.length > productSlidesPerView || (is_xs && case_img.length > 2)" class="hager-product-center-more">
85 <div class="xs-control"> 85 <div class="xs-control">
86 <div> 86 <div>
87 <i :class="['el-icon-arrow-left', activeProductIndex === 0 ? 'disabled' : '']" @click="prevProductBtn()"></i> 87 <i :class="['el-icon-arrow-left', activeProductIndex === 0 ? 'disabled' : '']" @click="prevProductBtn()"></i>
......