From 6bbef91c402eaa58b8a4d8f11c466a39802ca0ca Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期二, 28 十二月 2021 14:50:13 +0800
Subject: [PATCH] [ Ref ] : 重構 共用資料夾 相關元件
---
PAMapp/components/BackActionBar.vue | 61 ++++++++++++++++++------------
1 files changed, 36 insertions(+), 25 deletions(-)
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index ef98239..afc908c 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -1,7 +1,7 @@
<template>
<nav class="pam-back-action-bar fix-chrome-click--issue">
- <a @click="pushRouterByLoginRole">
- <i class="icon-left "></i>
+ <a @click="goBack">
+ <i class="icon-left "></i>
</a>
<div class="label">{{ label }}</div>
</nav>
@@ -10,13 +10,26 @@
<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 '~/shared/models/enum/Role';
+
const roleStorage = namespace('localStorage');
+
@Component
export default class UiCarousel extends Vue {
- @roleStorage.Getter currentRole!:string;
+
+ @roleStorage.Getter
+ currentRole!:string;
+
+ //////////////////////////////////////////////////////////////////////
+
+ goBack(): void {
+ const pathName = this.$route.name;
+ pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1);
+ }
+
get label(): string {
if (this.$route.name) {
const routeName = this.$route.name.split('-')[0];
@@ -56,6 +69,9 @@
case 'consultantAccountSetting':
featureLabel = '���董�����';
break;
+ case 'faq':
+ featureLabel = 'F&Q 撣貉����';
+ break;
}
return featureLabel;
} else {
@@ -63,46 +79,41 @@
}
}
- pushRouterByLoginRole():void{
- const pathName = this.$route.name;
- pathName?.includes('myConsultantList') ? this.$router.push('/') : this.$router.go(-1);
- }
-
}
</script>
<style lang="scss" scoped>
.pam-back-action-bar {
- height: $MOB_NAV_BAR;
- border: 1px solid #CCCCCC;
- display: flex;
- align-items: center;
- position: fixed;
- top: $MOB_NAV_BAR;
- left: 0;
- width: 100%;
+ height : $MOB_NAV_BAR;
+ border : 1px solid #CCCCCC;
+ display : flex;
+ align-items : center;
+ position : fixed;
+ top : $MOB_NAV_BAR;
+ left : 0;
+ width : 100%;
background-color: $PRIMARY_WHITE;
- z-index: 6;
- font-size: 20px;
- font-weight: bold;
+ z-index : 6;
+ font-size : 20px;
+ font-weight : bold;
i {
- display: block;
+ display : block;
padding-right: 14px;
}
a {
- cursor: pointer;
+ cursor : pointer;
padding: 0 20px;
- width: 26px;
+ width : 26px;
}
.label {
- margin: 0 auto;
+ margin : 0 auto;
transform: translateX(-33px);
}
}
@include desktop {
.pam-back-action-bar {
- top: $DESKTOP_NAV_BAR;
+ top : $DESKTOP_NAV_BAR;
font-size: 24px;
}
}
--
Gitblit v1.8.0