From e430eadebde1690a177cdf79e8a35da66c484dd0 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期二, 28 十二月 2021 11:38:38 +0800
Subject: [PATCH] refactor components: NavBar, Footer, loading, popUpFrame

---
 PAMapp/components/Footer.vue |   47 ++++++++++++++++++++++++-----------------------
 1 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/PAMapp/components/Footer.vue b/PAMapp/components/Footer.vue
index 10aa643..9762e98 100644
--- a/PAMapp/components/Footer.vue
+++ b/PAMapp/components/Footer.vue
@@ -20,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>
 
@@ -44,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;
@@ -65,7 +66,7 @@
         @extend .cursor--pointer;
          a, a:hover, a:focus, a:active {
               text-decoration: none;
-              color: inherit;
+              color          : inherit;
         }
         &:nth-of-type(3) {
           .pam-footer-nav__item-pipe {
@@ -79,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