TODO#139894 [ footer -最下方說明與保經代合作 ] 文案修改

HelenHuang

2022-06-09 9bdb95c9e34cef640534e5e5a1e2225a80442000

 PAMapp/components/Consultant/ConsultantSwiper.vue

@@ -17,16 +17,19 @@
              >
              </UiAvatar>
              <div class="name">{{agentInfo.name}}</div>
              <div v-if="!hideReviews">
                <!-- TODO:隱藏滿意度 -->
              <div v-if="!hideReviews" style="display: flex; align-items: center; justify-content: center; margin-top: 4px">
                <i class="icon-star pam-icon icon--yellow"></i>
                <span class="satisfaction">{{agentInfo.avgScore}}</span>
              </div>
          </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 +43,10 @@
@Component
export default class UiSwiper extends Vue {

    @Prop() agents!: Consultant[];
    @Prop()
    agents!: Consultant[];

    hideReviews = hideReviews ;

    swiperOptions: SwiperOptions = {
      loop: false,
        slideToClickedSlide: false,
@@ -62,6 +65,8 @@
          }
        }
    }

    //////////////////////////////////////////////////////////////////////

    clkItem(loopIndex: number, realIndex: number) {
      const agentNo = this.agents[loopIndex].agentNo;
@@ -91,9 +96,12 @@
    height: 100%;

    &:after {
      display: none;
    }

    .icon-right,.icon-left {
      font-size: 20px;
      font-weight: bold;
      color: #707A81;
      color: $CORAL;
    }

    &.swiper-button-disabled {