69 lines
2.9 KiB
Vue
69 lines
2.9 KiB
Vue
<template>
|
|
<footer class="VPFooter">
|
|
<div class="container">
|
|
<p class="recordNo">
|
|
<span class="icon">
|
|
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M778.24 163.84c-76.8-40.96-165.888-61.44-269.312-61.44s-192.512 20.48-269.312 61.44h-133.12l23.552 337.92c8.192 113.664 67.584 217.088 162.816 280.576l215.04 144.384 215.04-144.384c96.256-63.488 155.648-166.912 163.84-280.576l23.552-337.92H778.24z m47.104 333.824c-7.168 94.208-56.32 181.248-135.168 233.472l-181.248 120.832L327.68 731.136c-78.848-53.248-129.024-139.264-135.168-233.472L173.056 225.28h136.192v-26.624c58.368-23.552 124.928-34.816 199.68-34.816s141.312 12.288 199.68 34.816V225.28H844.8l-19.456 272.384z"></path><path d="M685.056 328.704v-46.08H455.68c2.048-4.096 6.144-9.216 11.264-15.36 5.12-7.168 9.216-12.288 11.264-15.36L419.84 240.64c-31.744 46.08-75.776 87.04-133.12 123.904 4.096 4.096 10.24 11.264 18.432 21.504l17.408 17.408c23.552-15.36 45.056-31.744 63.488-50.176 26.624 25.6 49.152 43.008 67.584 51.2-46.08 15.36-104.448 27.648-175.104 35.84 2.048 5.12 6.144 13.312 9.216 24.576 4.096 11.264 6.144 19.456 7.168 24.576l39.936-7.168v218.112H389.12V680.96h238.592v19.456h54.272V481.28H348.16c60.416-12.288 114.688-27.648 163.84-46.08 49.152 19.456 118.784 34.816 210.944 46.08 5.12-17.408 10.24-34.816 17.408-51.2-62.464-4.096-116.736-12.288-161.792-24.576 38.912-20.48 74.752-46.08 106.496-76.8z m-150.528 194.56h94.208v41.984h-94.208v-41.984z m0 78.848h94.208v41.984h-94.208v-41.984z m-144.384-78.848h94.208v41.984H390.144v-41.984z m0 78.848h94.208v41.984H390.144v-41.984zM424.96 326.656h182.272c-26.624 22.528-57.344 41.984-94.208 57.344-31.744-15.36-61.44-34.816-88.064-57.344z"></path></svg>
|
|
</span>
|
|
<span class="content">
|
|
<a href="https://beian.miit.gov.cn/" target="_blank">{{ theme.footerConfig.recordNo }}</a>
|
|
</span>
|
|
</p>
|
|
<p class="copyright" v-html="theme.footerConfig.copyright"></p>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { useData } from 'vitepress'
|
|
const { theme } = useData()
|
|
</script>
|
|
|
|
<style scoped>
|
|
.VPFooter {
|
|
position: relative;
|
|
z-index: var(--vp-z-index-footer);
|
|
border-top: 1px solid var(--vp-c-divider-light);
|
|
padding: 32px 24px;
|
|
background-color: var(--vp-c-bg);
|
|
}
|
|
.VPFooter.has-sidebar {
|
|
display: none;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.VPFooter {
|
|
padding: 32px;
|
|
}
|
|
}
|
|
.container {
|
|
margin: 0 auto;
|
|
max-width: var(--vp-layout-max-width);
|
|
text-align: center;
|
|
}
|
|
.recordNo,
|
|
.copyright {
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: var(--vp-c-text-2);
|
|
}
|
|
.recordNo { order: 2; }
|
|
.copyright { order: 1; }
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
.recordNo span {
|
|
display: inline-block;
|
|
}
|
|
.recordNo span:not(:last-child) {
|
|
margin-right: .175rem;
|
|
}
|
|
.recordNo .icon svg {
|
|
height: 16px;
|
|
width: 16px;
|
|
fill: var(--vp-c-text-2);
|
|
position: relative;
|
|
top: 2.8px;
|
|
}
|
|
</style> |