From 2b4ffaea5c43c32a9335d4aa9becceea220ce68c Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期三, 03 十一月 2021 09:16:58 +0800
Subject: [PATCH] TODO#129054 我的顧問清單 畫面刻版
---
PAMapp/components/Consultant/ConsultantSwiper.vue | 32 +++++++++++++++++++++++++++-----
1 files changed, 27 insertions(+), 5 deletions(-)
diff --git a/PAMapp/components/Ui/UiSwiper.vue b/PAMapp/components/Consultant/ConsultantSwiper.vue
similarity index 67%
rename from PAMapp/components/Ui/UiSwiper.vue
rename to PAMapp/components/Consultant/ConsultantSwiper.vue
index f37f45f..29fa092 100644
--- a/PAMapp/components/Ui/UiSwiper.vue
+++ b/PAMapp/components/Consultant/ConsultantSwiper.vue
@@ -6,10 +6,17 @@
@click-slide="clkItem"
>
<swiper-slide
- v-for="(info, index) in agents"
+ v-for="(agentInfo, index) in agents"
:key="index"
>
- <SwiperConsultantCard :agentInfo="info"></SwiperConsultantCard>
+ <div class="consultantCardStyle" >
+ <el-avatar class="mb-10" :size="80" :src="agentInfo.img"></el-avatar>
+ <div class="name">{{agentInfo.name}}</div>
+ <div>
+ <i class="icon-star pam-icon icon--yellow"></i>
+ <span class="satisfaction">{{agentInfo.satisfaction}}</span>
+ </div>
+ </div>
</swiper-slide>
<div class="swiper-button-prev" slot="button-prev"></div>
@@ -25,7 +32,7 @@
@Component
export default class UiSwiper extends Vue {
- @Prop() agents!: Agents;
+ @Prop() agents!: Agents[];
swiperOptions: SwiperOptions = {
loop: true,
@@ -49,8 +56,10 @@
}
clkItem(loopIndex: number, realIndex: number) {
- this.$router.push('/agentInfo')
+ this.$router.push('/agentInfo');
+ console.log(loopIndex, realIndex, 'clkItem')
}
+
}
@@ -69,7 +78,7 @@
.swiper-button-next,.swiper-button-prev {
background-color: $PRIMARY_WHITE;
- top: 20px;
+ top: 0px;
height: 100%;
&:after {
@@ -87,4 +96,17 @@
right: 0;
}
}
+
+.consultantCardStyle {
+ text-align: center;
+
+ .name {
+ font-size: 16px;
+ font-weight: bold;
+ }
+
+ .satisfaction {
+ font-size: 20px;
+ }
+ }
</style>
--
Gitblit v1.8.0