From ac235850a9287dae6977c964213176fa7c86b140 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 09 十二月 2021 14:42:20 +0800
Subject: [PATCH] Merge branch 'refactor/separate-vue' of ssh://192.168.0.10:29418/pcalife/PAM into refactor/separate-vue
---
PAMapp/components/Footer.vue | 32 ++++++++++++++++++++++++--------
1 files changed, 24 insertions(+), 8 deletions(-)
diff --git a/PAMapp/components/Footer.vue b/PAMapp/components/Footer.vue
index 5a9329f..10aa643 100644
--- a/PAMapp/components/Footer.vue
+++ b/PAMapp/components/Footer.vue
@@ -1,12 +1,16 @@
<template>
- <footer>
+ <footer class="pam-footer">
<nav class="pam-footer-nav">
<ul class="pam-footer-nav__list">
<li
v-for="(navItem, index) in footerNavList"
:key="index"
class="pam-footer-nav__item">
- {{ navItem.label }}<span class="pl-10" v-if="index !== footerNavList.length - 1"> | </span>
+ <a :href="navItem.url" target="_blank">
+ {{ navItem.label }}
+ </a>
+ <span class="pl-10 pam-footer-nav__item-pipe"
+ v-if="index !== footerNavList.length - 1"> | </span>
</li>
</ul>
</nav>
@@ -27,11 +31,11 @@
export default class UiCarousel extends Vue {
footerNavList: FooterNavItem[] = [
- { label: '蝬脩������', url: '/'},
- { label: '���������', url: '/'},
- { label: '瘜誘摰�撠�', url: '/'},
- { label: '靽憪��平隤芣��', url: '/'},
- { label: 'GDPR�蝘��鈭��', url: '/'},
+ { label: '蝬脩������', url: 'https://www.pcalife.com.tw/zh/disclaimer/'},
+ { label: '���������', url: 'https://www.pcalife.com.tw/zh/financial-friendly/'},
+ { label: '瘜誘摰�撠�', url: 'https://www.pcalife.com.tw/zh/law-advocacy/'},
+ { label: '靽憪��平隤芣��', url: 'https://www.pcalife.com.tw/zh/outsourcing-notice/'},
+ { label: 'GDPR�蝘��鈭��', url: 'https://www.pcalife.com.tw/zh/gdpr-privacy-notice/'},
];
}
@@ -43,7 +47,7 @@
</script>
<style lang="scss" scoped>
-footer {
+.pam-footer {
border-top: 1px solid #CCCCCC;
background-color: $PRIMARY_WHITE;
.pam-footer-nav {
@@ -59,6 +63,18 @@
@extend .text--bold;
@extend .text--dark-blue;
@extend .cursor--pointer;
+ a, a:hover, a:focus, a:active {
+ text-decoration: none;
+ color: inherit;
+ }
+ &:nth-of-type(3) {
+ .pam-footer-nav__item-pipe {
+ display: none;
+ @include desktop() {
+ display: inline;
+ }
+ }
+ }
}
}
}
--
Gitblit v1.8.0