From 10c73966d79b72196a26b4b5e0ad15a299b82b1f Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期三, 16 二月 2022 10:21:56 +0800
Subject: [PATCH] Update:小鈴鐺內,點擊進行滿意度評分banner圖片更改 & 匹配度顯示
---
PAMapp/pages/recommendConsultant/result.vue | 24 ++++++++++++++++++++++--
1 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/PAMapp/pages/recommendConsultant/result.vue b/PAMapp/pages/recommendConsultant/result.vue
index 36fb73f..2eb4fb8 100644
--- a/PAMapp/pages/recommendConsultant/result.vue
+++ b/PAMapp/pages/recommendConsultant/result.vue
@@ -5,7 +5,13 @@
<li class="pam-rec-agent-card" v-for="(info,index) in pageList" :key="index">
<div class="pam-rec-agent-card__content">
- <div class="pam-rec-agent-card-suitability">
+ <div
+ class="pam-rec-agent-card-suitability"
+ :class="{
+ 'match--level1': info.suitability === 100,
+ 'match--level2': 50 < info.suitability && info.suitability < 100,
+ 'match--level3': info.suitability < 51
+ }">
</div>
<div class="pam-rec-agent-card-suitability-text">
@@ -155,9 +161,17 @@
top: -108px;
width: 150px;
height: 150px;
- background-color: #F2C75C;
transform: rotate(45deg);
position:absolute;
+ &.match--level3 {
+ background-color: #C3A787;
+ }
+ &.match--level2 {
+ background-color: #D0D0CE;
+ }
+ &.match--level1 {
+ background-color: #F2C75C;
+ }
}
.pam-rec-agent-card-suitability-text{
position: absolute;
@@ -168,10 +182,16 @@
.label {
font-size: 10px;
color: #68737A;
+ @include desktop {
+ display: none;
+ }
}
.value {
font-size: 12px;
color: #222222;
+ @include desktop {
+ padding-left: 8px;
+ }
}
}
.pam-rec-agent-card__content-header {
--
Gitblit v1.8.0