保誠-保戶業務員媒合平台
wayne
2022-01-26 6fa4bba623713c396432ba8b863846883d6a1906
PAMapp/components/Consultant/ConsultantSwiper.vue
@@ -25,8 +25,12 @@
          </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>
@@ -40,10 +44,10 @@
@Component
export default class UiSwiper extends Vue {
    @Prop() agents!: Consultant[];
    @Prop()
    agents!: Consultant[];
    hideReviews = hideReviews ;
    swiperOptions: SwiperOptions = {
      loop: false,
        slideToClickedSlide: false,
@@ -62,6 +66,8 @@
          }
        }
    }
    //////////////////////////////////////////////////////////////////////
    clkItem(loopIndex: number, realIndex: number) {
      const agentNo = this.agents[loopIndex].agentNo;
@@ -91,9 +97,12 @@
    height: 100%;
    &:after {
      display: none;
    }
    .icon-right,.icon-left {
      font-size: 20px;
      font-weight: bold;
      color: #707A81;
      color: $CORAL;
    }
    &.swiper-button-disabled {