文件操作 - TheFooter.vue

文件: /var/www/app.ltlcompare.com/components/TheFooter.vue

编辑文件内容

interface NavItem {
  text: string;
  href: string;
}
const footNav = tm('footer.nav') as NavItem[];

const route = useRoute();

const routeName = computed(() => {
  return String(route.name).split('___')[0];
});
</script>

<template>
  <footer
    class="footer"
    :class="`footer-${routeName}`"
  >
    <div class="container">
      <div class="foot">
        <div class="copyright">
          {{ $t('footer.copyright', { Y: new Date().getFullYear() }) }}
        </div>
        <nav class="foot-nav">
          <a
            v-for="(item, index) in footNav"
            :key="index"
            :href="rt(item.href)"
            target="_blank"
          >
            {{ rt(item.text) }}
          </a>
        </nav>
      </div>
    </div>
  </footer>
</template>

.foot {
  padding: 24px 0;
  border-top: solid 1px fade(#dbdbdb, 66%);
  display: flex;
  align-items: flex-start;
  gap: 24px;
  justify-content: space-between;
  font-weight: 500;
  font-size: 14px;
  color: #a8a8a8;
  @media @md {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
  }
}

.foot-nav {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  @media @md {
    gap: 32px;
    order: -1;
  }
  a {
    color: inherit;
    transition: color 0.4s;
    &:hover {
      color: @text;
    }
    &:active {
      color: #727272;
    }
  }
}
</style>

文件操作 - TheFooter.vue

文件: /var/www/app.ltlcompare.com/components/TheFooter.vue

编辑文件内容

修改文件时间

删除文件