From 20b87b7eab9c600e2445548c4306ea1b8b37b275 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期一, 06 十二月 2021 12:29:50 +0800
Subject: [PATCH] update#131467: [滿意度評分功能]-客戶進行滿意度評分API串接
---
PAMapp/components/Consultant/ConsultantSwiper.vue | 21 ++++++++++++---------
1 files changed, 12 insertions(+), 9 deletions(-)
diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue
index ec5231d..7f01888 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"
>
@@ -28,14 +28,15 @@
<script lang="ts">
import { Vue, Component, Prop } from 'vue-property-decorator';
import { SwiperOptions } from 'swiper';
-import { Consultants } from '~/assets/ts/api/consultant'
+import { Consultants } from '~/assets/ts/models/consultant.model';
+
@Component
export default class UiSwiper extends Vue {
@Prop() agents!: Consultants[];
swiperOptions: SwiperOptions = {
- loop: true,
+ loop: false,
slideToClickedSlide: false,
navigation: {
nextEl: '.swiper-button-next',
@@ -44,21 +45,18 @@
breakpoints: {
320: {
slidesPerView: 3,
- slidesPerGroup: 3,
- spaceBetween: 3
+ spaceBetween: -20
},
768: {
slidesPerView: 6,
- slidesPerGroup: 6,
- spaceBetween: 3
+ spaceBetween: -20
}
}
}
clkItem(loopIndex: number, realIndex: number) {
- const agentNo = this.agents[realIndex].agentNo;
+ const agentNo = this.agents[loopIndex].agentNo;
this.$router.push(`/agentInfo/${agentNo}`);
- console.log(loopIndex, realIndex, 'clkItem')
}
}
@@ -78,6 +76,7 @@
}
.swiper-button-next,.swiper-button-prev {
+ @extend .fix-chrome-click--issue;
background-color: $PRIMARY_WHITE;
top: 0px;
height: 100%;
@@ -87,6 +86,10 @@
font-weight: bold;
color: #707A81;
}
+
+ &.swiper-button-disabled {
+ pointer-events: auto;
+ }
}
.swiper-button-prev {
--
Gitblit v1.8.0