From f74d302a60ea1ca9213f3413088620a1287bc479 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 18 十一月 2021 11:45:13 +0800
Subject: [PATCH] TODO#130455 backActionBar 固定置頂
---
PAMapp/layouts/default.vue | 28 +++++++++++++++++++---------
1 files changed, 19 insertions(+), 9 deletions(-)
diff --git a/PAMapp/layouts/default.vue b/PAMapp/layouts/default.vue
index f0ab2d6..2b96e31 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>
@@ -36,17 +39,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', 'myConsultantList-contactedList', 'myAppointmentList-appointmentList', 'myAppointmentList-contactedList'];
return _.includes(needBannerTags, route) ? route + '-banner' : 'pam-no-banner';
};
@@ -56,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' : '';
};
}
@@ -91,7 +95,6 @@
.pam-page-container {
width: 700px;
margin: 30px auto 0px auto;
- overflow-x: hidden;
}
.pam-banner__text{
width: 700px;
@@ -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 {
+ .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,4 +195,5 @@
}
}
}
+
</style>
--
Gitblit v1.9.3