| | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { namespace } from 'nuxt-property-decorator'; |
|---|
| | | import { Vue, Component,} from 'vue-property-decorator'; |
|---|
| | | import { Role } from '~/assets/ts/models/enum/Role'; |
|---|
| | | import * as _ from 'lodash'; |
|---|
| | | import { Role } from './NavBar.vue'; |
|---|
| | | const localStorage = namespace('localStorage'); |
|---|
| | | |
|---|
| | | const roleStorage = namespace('localStorage'); |
|---|
| | | @Component |
|---|
| | | export default class UiCarousel extends Vue { |
|---|
| | | @localStorage.Getter currentRole!:string; |
|---|
| | | @roleStorage.Getter currentRole!:string; |
|---|
| | | get label(): string { |
|---|
| | | if (this.$route.name) { |
|---|
| | | const routeName = this.$route.name.split('-')[0]; |
|---|
| | | let featureLabel = ''; |
|---|
| | | switch(routeName) { |
|---|
| | | case 'login': |
|---|
| | | featureLabel = '登入'; |
|---|
| | | featureLabel = '登入 | 註冊'; |
|---|
| | | break; |
|---|
| | | case 'recommendConsultant': |
|---|
| | | featureLabel = '嚴選配對'; |
|---|
| | |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | position: fixed; |
|---|
| | | top: 0; |
|---|
| | | top: $MOB_NAV_BAR; |
|---|
| | | left: 0; |
|---|
| | | width: 100%; |
|---|
| | | background-color: $PRIMARY_WHITE; |
|---|
| | |
|---|
| | | padding: 20px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | @include desktop { |
|---|
| | | .pam-back-action-bar { |
|---|
| | | top: $DESKTOP_NAV_BAR; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
