From 6fa4bba623713c396432ba8b863846883d6a1906 Mon Sep 17 00:00:00 2001
From: wayne <wayne8692wayne8692@gmail.com>
Date: 星期三, 26 一月 2022 10:52:23 +0800
Subject: [PATCH] Merge branch 'pollex-dev' into sit
---
PAMapp/components/Consultant/ConsultantSwiper.vue | 28 +++++++++++++++++++++-------
1 files changed, 21 insertions(+), 7 deletions(-)
diff --git a/PAMapp/components/Consultant/ConsultantSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue
index 8adfc60..01f568b 100644
--- a/PAMapp/components/Consultant/ConsultantSwiper.vue
+++ b/PAMapp/components/Consultant/ConsultantSwiper.vue
@@ -10,7 +10,12 @@
:key="index"
>
<div class="consultantCardStyle" >
- <UiAvatar :size="80" :fileName="agentInfo.img" class="mb-10"></UiAvatar>
+ <UiAvatar
+ class="mb-10"
+ :size="80"
+ :agentNo="agentInfo.agentNo"
+ >
+ </UiAvatar>
<div class="name">{{agentInfo.name}}</div>
<div v-if="!hideReviews">
<!-- TODO:���遛��漲 -->
@@ -20,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>
@@ -35,10 +44,10 @@
@Component
export default class UiSwiper extends Vue {
- @Prop() agents!: Consultant[];
+ @Prop()
+ agents!: Consultant[];
hideReviews = hideReviews ;
-
swiperOptions: SwiperOptions = {
loop: false,
slideToClickedSlide: false,
@@ -57,6 +66,8 @@
}
}
}
+
+ //////////////////////////////////////////////////////////////////////
clkItem(loopIndex: number, realIndex: number) {
const agentNo = this.agents[loopIndex].agentNo;
@@ -86,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 {
--
Gitblit v1.8.0