| | |
| | | <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 { |
| | |
| | | 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}`); |
| | | } |
| | |
| | | font-weight: bold; |
| | | color: #707A81; |
| | | } |
| | | |
| | | &.swiper-button-disabled { |
| | | pointer-events: auto; |
| | | } |
| | | } |
| | | |
| | | .swiper-button-prev { |