| | |
| | | </div> |
| | | </swiper-slide> |
| | | |
| | | <div class="swiper-button-prev" slot="button-prev"></div> |
| | | <div class="swiper-button-next" slot="button-next"></div> |
| | | <div class="swiper-button-prev" slot="button-prev"> |
| | | <i class="icon-left"></i> |
| | | </div> |
| | | <div class="swiper-button-next" slot="button-next"> |
| | | <i class="icon-right"></i> |
| | | </div> |
| | | </swiper> |
| | | </div> |
| | | </template> |
| | |
| | | @Component |
| | | export default class UiSwiper extends Vue { |
| | | |
| | | @Prop() agents!: Consultant[]; |
| | | @Prop() |
| | | agents!: Consultant[]; |
| | | |
| | | hideReviews = hideReviews ; |
| | | |
| | | swiperOptions: SwiperOptions = { |
| | | loop: false, |
| | | slideToClickedSlide: false, |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | ////////////////////////////////////////////////////////////////////// |
| | | |
| | | clkItem(loopIndex: number, realIndex: number) { |
| | | const agentNo = this.agents[loopIndex].agentNo; |
| | |
| | | height: 100%; |
| | | |
| | | &:after { |
| | | display: none; |
| | | } |
| | | |
| | | .icon-right,.icon-left { |
| | | font-size: 20px; |
| | | font-weight: bold; |
| | | color: #707A81; |
| | | color: $CORAL; |
| | | } |
| | | |
| | | &.swiper-button-disabled { |