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
<!--
* @Date: 2024-10-17 11:13:44
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-11-01 18:03:45
* @LastEditTime: 2024-12-09 13:41:32
* @FilePath: /hager/src/views/about/design.vue
* @Description: 文件描述
-->
......@@ -64,7 +64,7 @@
</div>
</swiper-slide>
</swiper>
<div v-if="design_list.length > designSlidesPerView || is_xs" class="xs-control">
<div v-if="design_list.length > designSlidesPerView || (is_xs && design_list.length > 2)" class="xs-control">
<div>
<i :class="['el-icon-arrow-left', activeDesignIndex === 0 ? 'disabled' : '']"@click="prevDesignBtn()"></i>&nbsp;
<i :class="['el-icon-arrow-right', reach_design_end ? 'disabled' : '']" @click="nextDesignBtn()"></i>
......
<!--
* @Date: 2024-08-27 10:06:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-11-11 12:02:40
* @LastEditTime: 2024-12-09 13:27:34
* @FilePath: /hager/src/views/index.vue
* @Description: 首页
-->
......@@ -248,7 +248,7 @@ export default {
this.news_list = data.news;
}
this.$nextTick(() => {
this.isEnd = this.$refs.myProductSwiper.$swiper.isEnd; // 是否全部显示出来
this.isEnd = this.$refs.myProductSwiper?.$swiper.isEnd; // 是否全部显示出来
this.$refs.myProductSwiper.$swiper?.on('breakpoint', (swiper) => {
// breakpoint时 显示的条数
this.productSlidesPerView = swiper.slidesPerView;
......
<!--
* @Date: 2024-10-18 13:45:53
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-11-08 15:07:40
* @LastEditTime: 2024-12-09 13:41:12
* @FilePath: /hager/src/views/recruit.vue
* @Description: 招聘信息
-->
......@@ -75,7 +75,7 @@
</div>
</swiper-slide>
</swiper>
<div v-if="recruit_list.length > designSlidesPerView || is_xs" class="xs-control">
<div v-if="recruit_list.length > designSlidesPerView || (is_xs && recruit_list.length > 2)" class="xs-control">
<div>
<i :class="['el-icon-arrow-left', activeDesignIndex === 0 ? 'disabled' : '']"@click="prevDesignBtn()"></i>&nbsp;
<i :class="['el-icon-arrow-right', reach_design_end ? 'disabled' : '']" @click="nextDesignBtn()"></i>
......
<!--
* @Date: 2024-10-18 12:06:09
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-12-05 16:08:07
* @LastEditTime: 2024-12-09 13:41:51
* @FilePath: /hager/src/views/solution/case.vue
* @Description: 文件描述
-->
......@@ -81,7 +81,7 @@
</div>
</swiper-slide>
</swiper>
<div v-if="case_img.length > productSlidesPerView || is_xs" class="hager-product-center-more">
<div v-if="case_img.length > productSlidesPerView || (is_xs && case_img.length > 2)" class="hager-product-center-more">
<div class="xs-control">
<div>
<i :class="['el-icon-arrow-left', activeProductIndex === 0 ? 'disabled' : '']" @click="prevProductBtn()"></i>
......