From f34aa90e8f838a8ca09dfc1aec4fa13bbb04af1c Mon Sep 17 00:00:00 2001 From: 劉鈞霖 <benson@gmail.com> Date: 星期五, 19 十一月 2021 15:47:58 +0800 Subject: [PATCH] [ Update ] 修正 commit:bd9d8a6b0ed6204a9bb2708fe6a894f51cc52c94 資訊 i css 寫法錯誤 --- PAMapp/components/Consultant/ConsultantSwiper.vue | 11 +++++------ 1 files changed, 5 insertions(+), 6 deletions(-) diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue index ec5231d..66f2a72 100644 --- a/PAMapp/components/Consultant/ConsultantSwiper.vue +++ b/PAMapp/components/Consultant/ConsultantSwiper.vue @@ -5,7 +5,7 @@ class="swiperStyle" @click-slide="clkItem" > - <swiper-slide + <swiper-slide class="fix-chrome-click--issue" v-for="(agentInfo, index) in agents" :key="index" > @@ -35,7 +35,7 @@ @Prop() agents!: Consultants[]; swiperOptions: SwiperOptions = { - loop: true, + loop: false, slideToClickedSlide: false, navigation: { nextEl: '.swiper-button-next', @@ -44,21 +44,19 @@ breakpoints: { 320: { slidesPerView: 3, - slidesPerGroup: 3, spaceBetween: 3 }, 768: { slidesPerView: 6, - slidesPerGroup: 6, spaceBetween: 3 } } } clkItem(loopIndex: number, realIndex: number) { - const agentNo = this.agents[realIndex].agentNo; - this.$router.push(`/agentInfo/${agentNo}`); console.log(loopIndex, realIndex, 'clkItem') + const agentNo = this.agents[loopIndex].agentNo; + this.$router.push(`/agentInfo/${agentNo}`); } } @@ -78,6 +76,7 @@ } .swiper-button-next,.swiper-button-prev { + @extend .fix-chrome-click--issue; background-color: $PRIMARY_WHITE; top: 0px; height: 100%; -- Gitblit v1.8.0