naive-ui/demo/documentation/landing/footer.vue
2020-03-05 23:01:27 +08:00

47 lines
935 B
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>