[ Update ] 修正預約頁面背景

劉鈞霖

2021-11-15 8fd0f964453e659946694a34b3d595e3f0cb0177

 PAMapp/layouts/default.vue

@@ -36,17 +36,18 @@
      return this.bannerTextDto[this.route] ? this.bannerTextDto[this.route] : [];
    };

    get route(): string {
      return _.split(this.$route.name, '-')[0];
    get route(): string{
      const routeName = this.$route.name;
      return routeName ? routeName:'';
    };

    get bannerClassName() {
      return this.route ? this.routeFormatBannerClass(this.route) : '';
      return this.routeFormatBannerClass(this.route);
    };

    // format to {page}-banner or pam-no-banner tag
    private routeFormatBannerClass(route: string): string {
      const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList'];
      const needBannerTags = ['recommendConsultant', 'quickFilter', 'myConsultantList-consultantList','myAppointmentList-appointmentList'];
      return _.includes(needBannerTags, route) ? route + '-banner' : 'pam-no-banner';
    };

@@ -56,7 +57,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' : '';
    };
  }
@@ -91,7 +92,6 @@
    .pam-page-container {
      width: 700px;
      margin: 30px auto 0px auto;
      overflow-x: hidden;
    }
    .pam-banner__text{
      width: 700px;
@@ -161,7 +161,7 @@
    }
  }

  .myConsultantList {
  .myConsultantList-consultantList {
    &-banner {
      background-image: url('~/assets/images/myConsultantList/banner_mob.svg');
    }
@@ -173,7 +173,7 @@
    }
  }

  .questionnaire {
  .questionnaire-agentNo {
    &-container {
      background-image: url('~/assets/images/recommendConsultant/bg_flower_mob.svg');
      background-size: contain;
@@ -186,4 +186,15 @@
      }
    }
  }
  .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>