From 41daebaa3ffd0b99aac703208e4b6b2ec41c274e Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期五, 19 十一月 2021 17:44:15 +0800
Subject: [PATCH] [ Update ] 修正可複選文案,將共用 css 先拉出,調整預約顧問 背景

---
 PAMapp/layouts/default.vue |   25 ++++++++++++-------------
 1 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/PAMapp/layouts/default.vue b/PAMapp/layouts/default.vue
index fe86610..30649ce 100644
--- a/PAMapp/layouts/default.vue
+++ b/PAMapp/layouts/default.vue
@@ -12,7 +12,10 @@
         </div>
       </div>
     </div>
-    <div class="pam-container" :class="containClassName">
+    <div
+      class="pam-container"
+      :class="[containClassName,{'mt-navBar': bannerClassName === 'pam-no-banner'}]"
+    >
       <Nuxt class="pam-page-container"></Nuxt>
     </div>
     <Footer></Footer>
@@ -47,7 +50,7 @@
 
     // format to {page}-banner or pam-no-banner tag
     private routeFormatBannerClass(route: string): string {
-      const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList-consultantList','myAppointmentList-appointmentList'];
+      const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList-consultantList', 'myConsultantList-contactedList', 'myAppointmentList-appointmentList', 'myAppointmentList-contactedList'];
       return _.includes(needBannerTags, route) ? route + '-banner' : 'pam-no-banner';
     };
 
@@ -107,7 +110,13 @@
     background-repeat: no-repeat;
     background-position: center;
     position: relative;
+    @extend .mt-navBar;
   }
+
+  .mt-navBar {
+    margin-top: $MOB_NAV_BAR;
+  }
+
 
   .pam-banner__text {
     font-size: 18px;
@@ -161,7 +170,7 @@
     }
   }
 
-  .myConsultantList-consultantList {
+  .myConsultantList-consultantList,.myConsultantList-contactedList {
     &-banner {
       background-image: url('~/assets/images/myConsultantList/banner_mob.svg');
     }
@@ -186,15 +195,5 @@
       }
     }
   }
-  .myAppointmentList-appointmentList{
-    &-banner {
-      background-image: url('~/assets/images/myAppointmentList/agent_banner_mob.svg');
-    }
 
-    @media (min-width: 768px) {
-      &-banner {
-        background-image: url('~/assets/images/myAppointmentList/agent_banner_web.svg');
-      }
-    }
-  }
 </style>

--
Gitblit v1.8.0