update: footer - 調整 Nav-item pipe 顯示方式

Tomas

2021-11-06 d173fcc2f2dfe6220034a775b15b581968de4b3c

update: footer - 調整 Nav-item pipe 顯示方式

 PAMapp/components/Footer.vue

@@ -1,12 +1,12 @@
<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>
            class="pam-footer-nav__item">{{ navItem.label }}<span class="pl-10 pam-footer-nav__item-pipe"
              v-if="index !== footerNavList.length - 1"> | </span>
          </li>
        </ul>
      </nav>
@@ -43,7 +43,7 @@
</script>

<style lang="scss" scoped>
footer {
.pam-footer {
  border-top: 1px solid #CCCCCC;
  background-color: $PRIMARY_WHITE;
  .pam-footer-nav {
@@ -59,6 +59,14 @@
        @extend .text--bold;
        @extend .text--dark-blue;
        @extend .cursor--pointer;
        &:nth-of-type(3) {
          .pam-footer-nav__item-pipe {
            display: none;
            @include desktop() {
              display: inline;
            }
          }
        }
      }
    }
  }