From ba5f9f95bb8191c73c1a6fe5d1810cdfce217502 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期一, 21 八月 2023 15:37:39 +0800
Subject: [PATCH] Update: [推廣影片] sandbox attribute add allow-presentation

---
 PAMapp/components/Footer.vue |   65 ++++++++++++++++++--------------
 1 files changed, 37 insertions(+), 28 deletions(-)

diff --git a/PAMapp/components/Footer.vue b/PAMapp/components/Footer.vue
index d967383..a27f1ca 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>
@@ -16,7 +20,7 @@
           <li class="pam-footer-contact__item">(撠�������曹� ~ �曹�� 08:00~20:00 ���勗�����09:00~17:30)</li>
         </ul>
       </section>
-      <section class="pam-footer-copywrite">�蝬脩�靽�犖憯質���誨������</section>
+      <section class="pam-footer-copywriting">�蝬脩�靽�犖憯賢遣蝵殷�蒂�憭扯��蝬�鈭箸��“��垣閰Ｘ����</section>
     </footer>
 </template>
 
@@ -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/'},
   ];
 
 }
@@ -40,18 +44,19 @@
   label: string;
   url: string;
 }
+
 </script>
 
 <style lang="scss" scoped>
 .pam-footer {
-  border-top: 1px solid #CCCCCC;
+  border-top      : 1px solid #CCCCCC;
   background-color: $PRIMARY_WHITE;
   .pam-footer-nav {
     padding: 10px 20px;
     .pam-footer-nav__list {
-      display: flex;
-      list-style: none;
-      flex-wrap: wrap;
+      display        : flex;
+      list-style     : none;
+      flex-wrap      : wrap;
       justify-content: center;
       .pam-footer-nav__item {
         padding: 10px 0 10px 10px;
@@ -59,6 +64,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;
@@ -71,37 +80,37 @@
     }
   }
   .pam-footer-contact {
-    padding: 10px 20px;
-    display: flex;
+    padding       : 10px 20px;
+    display       : flex;
     flex-direction: column;
     .pam-footer-contact__list {
-      display: flex;
-      list-style: none;
-      flex-wrap: wrap;
+      display        : flex;
+      list-style     : none;
+      flex-wrap      : wrap;
       justify-content: center;
       .pam-footer-contact__item {
-        color: $PRUDENTIAL_GREY;
-        font-size: 12px;
-        text-align: center;
+        color      : $PRUDENTIAL_GREY;
+        font-size  : 12px;
+        text-align : center;
         line-height: 20px;
         @extend .text--bold;
         .phone {
-          color: $PRIMARY_BLACK;
+          color    : $PRIMARY_BLACK;
           font-size: 14px;
           @extend .text--bold;
         }
       }
     }
   }
-  .pam-footer-copywrite {
+  .pam-footer-copywriting {
     background-color: $PRIMARY_RED;
-    display: flex;
-    justify-content: center;
-    color: $PRIMARY_WHITE;
-    padding: 10px 0;
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 20px;
+    display         : flex;
+    justify-content : center;
+    color           : $PRIMARY_WHITE;
+    padding         : 10px 0;
+    font-size       : 12px;
+    font-weight     : bold;
+    line-height     : 20px;
   }
 }
 </style>

--
Gitblit v1.8.0