naive-ui/demo/documentation/landing/footer.vue

<template>
  <div class="footer">
    <n-divider v-if="showDivider" style="margin: 0 0 16px 0;" />
    <n-text depth="tertiary">
      A <a ref="noopener noreferer" href="https://www.tusimple.com" target="_blank" class="link">
        <n-text>
          Tusimple
        </n-text>
      </a> Project ·&nbsp;
    </n-text>
    <n-text depth="tertiary">
      Designed by <n-a ref="noopener noreferer" class="link" href="https://www.ritalei.com" target="_blank">
        <n-text>
          Rita Lei
        </n-text>
      </n-a>
      <n-text depth="tertiary">
        &nbsp;· Refined by Haiyang Yu &amp; 07akioni
      </n-text>
    </n-text>
  </div>
</template>

<script>
export default {
  props: {
    showDivider: {
      type: Boolean,
      default: true
    }
  }
}
</script>

<style scoped>
.footer {
  font-size: 15px;
  text-align: center;
  padding: 20px;
  padding-top: 0;
}

.link {
  text-decoration: none;
}
</style>