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 | 13 ++++++-------
1 files changed, 6 insertions(+), 7 deletions(-)
diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue
index 21e04da..66f2a72 100644
--- a/PAMapp/components/Consultant/ConsultantSwiper.vue
+++ b/PAMapp/components/Consultant/ConsultantSwiper.vue
@@ -5,12 +5,12 @@
class="swiperStyle"
@click-slide="clkItem"
>
- <swiper-slide
+ <swiper-slide class="fix-chrome-click--issue"
v-for="(agentInfo, index) in agents"
:key="index"
>
<div class="consultantCardStyle" >
- <el-avatar class="mb-10" :size="80" :src="agentInfo.img"></el-avatar>
+ <UiAvatar :size="80" :fileName="agentInfo.img" class="mb-10"></UiAvatar>
<div class="name">{{agentInfo.name}}</div>
<div>
<i class="icon-star pam-icon icon--yellow"></i>
@@ -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