From 2961569ad7a13d74bd55b33c588d22a7bb1f705d Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 15 十二月 2021 13:09:16 +0800
Subject: [PATCH] Merge branch 'master' of https://dev.pollex.com.tw:8443/r/pcalife/PAM

---
 PAMapp/components/Footer.vue |   45 +++++++++++++++++++++++++++++++--------------
 1 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/PAMapp/components/Footer.vue b/PAMapp/components/Footer.vue
index 71d09eb..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,9 +47,9 @@
 </script>
 
 <style lang="scss" scoped>
-footer {
+.pam-footer {
   border-top: 1px solid #CCCCCC;
-  background-color: #fff;
+  background-color: $PRIMARY_WHITE;
   .pam-footer-nav {
     padding: 10px 20px;
     .pam-footer-nav__list {
@@ -57,7 +61,20 @@
         padding: 10px 0 10px 10px;
         @extend .xsTxt;
         @extend .text--bold;
-        @extend .text--info;
+        @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;
+            }
+          }
+        }
       }
     }
   }
@@ -71,13 +88,13 @@
       flex-wrap: wrap;
       justify-content: center;
       .pam-footer-contact__item {
-        color: #68737A;
+        color: $PRUDENTIAL_GREY;
         font-size: 12px;
         text-align: center;
         line-height: 20px;
         @extend .text--bold;
         .phone {
-          color: #222222;
+          color: $PRIMARY_BLACK;
           font-size: 14px;
           @extend .text--bold;
         }
@@ -85,10 +102,10 @@
     }
   }
   .pam-footer-copywrite {
-    background-color: $PRIMARY;
+    background-color: $PRIMARY_RED;
     display: flex;
     justify-content: center;
-    color: white;
+    color: $PRIMARY_WHITE;
     padding: 10px 0;
     font-size: 12px;
     font-weight: bold;

--
Gitblit v1.8.0