保誠-保戶業務員媒合平台
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';
    };
@@ -57,7 +60,7 @@
    // format to {page}-container tag
    private routeFormatContainClass(route: string): string {
      const needContainBgTags = ['recommendConsultant', 'questionnaire'];
      const needContainBgTags = ['recommendConsultant', 'questionnaire-agentNo'];
      return _.includes(needContainBgTags, route) ? route + '-container' : '';
    };
  }
@@ -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');
    }
@@ -173,7 +182,7 @@
    }
  }
  .questionnaire {
  .questionnaire-agentNo {
    &-container {
      background-image: url('~/assets/images/recommendConsultant/bg_flower_mob.svg');
      background-size: contain;
@@ -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>