From a6dd98d0ca619694fe844a4d3b2503f150ab9c42 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期二, 09 十一月 2021 15:20:17 +0800
Subject: [PATCH] add [嚴選顧問] 結果頁面
---
PAMapp/pages/recommendConsultant/result.vue | 125 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 124 insertions(+), 1 deletions(-)
diff --git a/PAMapp/pages/recommendConsultant/result.vue b/PAMapp/pages/recommendConsultant/result.vue
index 8b21740..6c8d44c 100644
--- a/PAMapp/pages/recommendConsultant/result.vue
+++ b/PAMapp/pages/recommendConsultant/result.vue
@@ -1,3 +1,126 @@
<template>
+<div>
<div>��憿批��</div>
-</template>
\ No newline at end of file
+ <ul class="pam-rec-agent__list">
+ <li class="pam-rec-agent-card" v-for="(info,index) in recAgentList" :key="index">
+ <div class="pam-rec-agent-card__content">
+ <div class="pam-rec-agent-card__avatar">
+ <img :src="info.avatar" class="avatar">
+ <div class="pam-rec-agent-card__main-info">
+ <div class="fz-20 pt-10">{{ info.name }}</div>
+ <div class="rec-company">{{ info.company }}</div>
+ <span class="rec-detail pt-30">閰喟敦鞈��</span>
+ </div>
+ </div>
+ <span class="rec-sub-title">撠����</span>
+ <div>
+ {{info.expertise}}
+ </div>
+ </div>
+ </li>
+ </ul>
+
+</div>
+</template>
+<script>
+import {Vue,Component} from 'vue-property-decorator';
+
+@Component
+export default class Reslut extends Vue{
+
+ recAgentList =[
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'�蝢��',
+ company:'隡舀��蝬�鈭�',
+ expertise:'#鞎∪���� #鞈頧宏 #蝭�蝔� #璅暑��隡�',
+ seniority:'1撟�2���',
+ avgScore:4.8
+ },
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'鞈�',
+ company:'擙剝��蝬�鈭�',
+ expertise:'#鞎∪���� #鞈頧宏 #蝭�蝔� #璅暑��隡�',
+ seniority:'1撟�2���',
+ avgScore:4.8
+ },
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'�摰嗅弧',
+ company:'���收靽蝬�鈭�',
+ expertise:'#鞎∪���� #鞈頧宏 #蝭�蝔� #璅暑��隡�',
+ seniority:'1撟�2���',
+ avgScore:4.8
+ },
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'撘萄���',
+ company:'擙剝��蝬�鈭�',
+ expertise:'#鞎∪���� #鞈頧宏 #蝭�蝔� #璅暑��隡�',
+ seniority:'1撟�2���',
+ avgScore:4.8
+ },
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'���戊',
+ company:'���收靽蝬�鈭�',
+ expertise:'#鞎∪���� #鞈頧宏 #蝭�蝔� #璅暑��隡�',
+ seniority:'1撟�2���',
+ avgScore:4.8
+ },
+ {
+ avatar:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+ name:'�撣亙',
+ company:'擙剝��蝬�鈭�',
+ expertise:'#鞎∪���� #鞈頧宏 #蝭�蝔� #璅暑��隡�',
+ seniority:'1撟�2���',
+ avgScore:4.8
+ }
+ ];
+
+
+}
+</script>
+
+<style lang="scss" scoped>
+.pam-rec-agent-card {
+ border-radius: 10px;
+ border: 1px solid $LIGHT_GREY;
+ padding: 20px 33px;
+ .pam-rec-agent-card__content {
+ width: 270px;
+ .pam-rec-agent-card__avatar {
+ display: flex;
+ flex-direction: row;
+ .avatar{
+ width: 120px;
+ height: 120px;
+ border-radius: 50%;
+ }
+ }
+ .pam-rec-agent-card__main-info {
+ display: flex;
+ flex-direction: column;
+ margin-left:19px;
+ .rec-company{
+ font-size: 16px;
+ color: $PRUDENTIAL_GREY;
+ font-weight:bold;
+ margin-top: 4px;
+ margin-bottom: 30px;
+ }
+ .rec-detail{
+ font-size: 20px;
+ color:$PRIMARY_RED;
+ font-weight: bold;
+ }
+ }
+ .rec-sub-title{
+ font-size: 16px;
+ color: $PRUDENTIAL_GREY;
+ font-weight:bold;
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0