Update:小鈴鐺內,點擊進行滿意度評分banner圖片更改 & 匹配度顯示

HelenHuang

2022-02-16 10c73966d79b72196a26b4b5e0ad15a299b82b1f

 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 {