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

<template>
  <n-layout-footer mode="absolute" class="footer" style="z-index: auto;">
    <div style="max-width: 1200px; margin: auto;">
      <n-divider style="margin: 0 0 16px 0;" />
      <n-text depth="tertiary">
        A <a ref="noopener noreferer" href="https://www.tusimple.com" target="_blank">
          <n-text>
            Tusimple
          </n-text>
        </a> Project ·&nbsp;
      </n-text>
      <n-text depth="tertiary">
        Designed by <a ref="noopener noreferer" href="https://www.ritalei.com" target="_blank">
          <n-text>
            Rita Lei
          </n-text>
        </a>
        <n-text depth="tertiary">
          &nbsp;· Refined by Haiyang Yu &amp; 07akioni
        </n-text>
      </n-text>
    </div>
  </n-layout-footer>
</template>

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