From 98a92f7083e4ca742340b8f01abe46ea8278c490 Mon Sep 17 00:00:00 2001 From: HelenHuang <LinHuang@pollex.com.tw> Date: 星期四, 09 十二月 2021 15:22:10 +0800 Subject: [PATCH] fixed TODO#132182 [我的顧問清單] 新增顧問後,最新一筆的顧問應顯示加入的時間,目前未顯示 --- PAMapp/components/Consultant/ConsultantSwiper.vue | 20 +++++++++++--------- 1 files changed, 11 insertions(+), 9 deletions(-) diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue index 01f0e45..bacf1ca 100644 --- a/PAMapp/components/Consultant/ConsultantSwiper.vue +++ b/PAMapp/components/Consultant/ConsultantSwiper.vue @@ -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 { Consultant } from '~/assets/ts/models/consultant.model'; + @Component export default class UiSwiper extends Vue { - @Prop() agents!: Consultants[]; + @Prop() agents!: Consultant[]; 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') } } @@ -88,6 +86,10 @@ font-weight: bold; color: #707A81; } + + &.swiper-button-disabled { + pointer-events: auto; + } } .swiper-button-prev { -- Gitblit v1.8.0