| | |
|---|
| | | <UiGoToTop></UiGoToTop> |
|---|
| | | <BackActionBar></BackActionBar> |
|---|
| | | <div class="banner" :class="bannerClassName"></div> |
|---|
| | | <Nuxt class="page-container" :style="{ height: pageHieght}" ref="pageContainer"></Nuxt> |
|---|
| | | <Nuxt class="page-container"></Nuxt> |
|---|
| | | <Footer ref="defaultLayoutFooter"></Footer> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | return routerName.match('questionnaire') || routerName.match('agentInfo'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | mounted() { |
|---|
| | | window.addEventListener('resize', this.handleResize); |
|---|
| | | this.handleResize(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | handleResize(): void { |
|---|
| | | const pageContainer: any = this.$refs.pageContainer; |
|---|
| | | const footer: any = this.$refs.defaultLayoutFooter; |
|---|
| | | const pageAlignPadding = 80; |
|---|
| | | const deviceExtraHeight = 36; |
|---|
| | | if ((pageContainer.$el.clientHeight + footer.$el.clientHeight) < window.innerHeight) { |
|---|
| | | this.pageHieght = (window.innerHeight - footer.$el.clientHeight - pageAlignPadding - deviceExtraHeight) + 'px'; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .pam-background { |
|---|
| | | background-color: #F8F9FA; |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | min-height: 100vh; |
|---|
| | | .page-container { |
|---|
| | | flex: 1; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .page-container { |
|---|
