[ Update ] 修正可複選文案，將共用 css 先拉出，調整預約顧問 背景

劉鈞霖

2021-11-19 41daebaa3ffd0b99aac703208e4b6b2ec41c274e

 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>