| | |
| | | |
| | | <script lang="ts"> |
| | | import { Vue, Component } from 'vue-property-decorator'; |
| | | import * as _ from 'lodash'; |
| | | |
| | | @Component |
| | | export default class DefaultLayout extends Vue { |
| | |
| | | // format to {page}-container tag |
| | | private routeFormatContainClass(route: string): string { |
| | | const needContainBgRoutes = ['recommendConsultant', 'questionnaire-agentNo']; |
| | | return _.includes(needContainBgRoutes, route) ? route + '-container' : ''; |
| | | return needContainBgRoutes.includes(route) ? route + '-container' : ''; |
| | | }; |
| | | |
| | | // format to {page}-banner or pam-no-banner tag |
| | | private routeFormatBannerClass(route: string): string { |
| | | const needBannerRoutes = ['recommendConsultant', 'quickFilter', 'myConsultantList-consultantList', 'myConsultantList-contactedList', 'myAppointmentList-appointmentList', 'myAppointmentList-contactedList', 'login']; |
| | | return _.includes(needBannerRoutes, route) ? route + '-banner' : 'pam-no-banner'; |
| | | const needBannerRoutes = ['recommendConsultant', 'quickFilter', 'myConsultantList-consultantList', 'myConsultantList-contactedList', 'myAppointmentList-appointmentList', 'myAppointmentList-contactedList', 'login', 'notification']; |
| | | return needBannerRoutes.includes(route) ? route + '-banner' : 'pam-no-banner'; |
| | | }; |
| | | |
| | | private bannerText: FeatureBannerTitle= { |
| | | [FeaturePage.RECOMMEND_CONSULTANT]: ['輸入問題回答', '依照您的需求推薦嚴選顧問'], |
| | | [FeaturePage.QUICK_FILTER] : ['點選下方選項', '尋找您的BEST Match'], |
| | | [FeaturePage.RECOMMEND_CONSULTANT]: ['輸入個人需求及偏好', '即可獲得量身推薦之嚴選顧問清單'], |
| | | [FeaturePage.QUICK_FILTER] : ['依個人偏好快速搜尋', '找到你的最佳顧問'], |
| | | [FeaturePage.MY_CONSULTANT_LIST] : [], |
| | | [FeaturePage.QUESTIONNAIRE] : [], |
| | | } |
| | |
| | | } |
| | | |
| | | @include desktop { |
| | | .pam-banner { |
| | | height: 150px; |
| | | } |
| | | .mt-navBar { |
| | | margin-top: calc($DESKTOP_NAV_BAR + $MOB_NAV_BAR); |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | .notification { |
| | | &-banner { |
| | | background-image: url('~/assets/images/notification/banner_mob.svg'); |
| | | } |
| | | |
| | | @include desktop { |
| | | &-banner { |
| | | background-image: url('~/assets/images/notification/banner_web.svg'); |
| | | } |
| | | } |
| | | } |
| | | |
| | | </style> |