From 8819e0547c196ea65b835f6a3dd099f59be74b88 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期二, 30 十一月 2021 08:31:51 +0800 Subject: [PATCH] fixed#131234: Footer沒有連結 --- PAMapp/components/Footer.vue | 20 ++++++++++++++------ 1 files changed, 14 insertions(+), 6 deletions(-) diff --git a/PAMapp/components/Footer.vue b/PAMapp/components/Footer.vue index d967383..10aa643 100644 --- a/PAMapp/components/Footer.vue +++ b/PAMapp/components/Footer.vue @@ -5,7 +5,11 @@ <li v-for="(navItem, index) in footerNavList" :key="index" - class="pam-footer-nav__item">{{ navItem.label }}<span class="pl-10 pam-footer-nav__item-pipe" + class="pam-footer-nav__item"> + <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> @@ -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/'}, ]; } @@ -59,6 +63,10 @@ @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; -- Gitblit v1.8.0