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