From 9bdb95c9e34cef640534e5e5a1e2225a80442000 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期四, 09 六月 2022 15:48:15 +0800
Subject: [PATCH] TODO#139894 [ footer -最下方說明與保經代合作 ] 文案修改

---
 PAMapp/components/Consultant/ConsultantSwiper.vue |   24 ++++++++++++++++--------
 1 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue
index 82f28d2..ae61981 100644
--- a/PAMapp/components/Consultant/ConsultantSwiper.vue
+++ b/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 {

--
Gitblit v1.8.0