保誠-保戶業務員媒合平台
HelenHuang
2021-12-06 20b87b7eab9c600e2445548c4306ea1b8b37b275
PAMapp/components/Consultant/ConsultantSwiper.vue
@@ -28,7 +28,8 @@
<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 {
@@ -44,17 +45,16 @@
        breakpoints: {
          320: {
            slidesPerView: 3,
            spaceBetween: 3
            spaceBetween: -20
          },
          768: {
            slidesPerView: 6,
            spaceBetween: 3
            spaceBetween: -20
          }
        }
    }
    clkItem(loopIndex: number, realIndex: number) {
      console.log(loopIndex, realIndex, 'clkItem')
      const agentNo = this.agents[loopIndex].agentNo;
      this.$router.push(`/agentInfo/${agentNo}`);
    }
@@ -86,6 +86,10 @@
      font-weight: bold;
      color: #707A81;
    }
    &.swiper-button-disabled {
      pointer-events: auto;
    }
  }
  .swiper-button-prev {