88 lines
3.7 KiB
Vue
88 lines
3.7 KiB
Vue
<template>
|
|
<footer class="VPFooter">
|
|
<div class="container">
|
|
<p v-if="theme.footerConfig.icpRecordCode" class="recordCode">
|
|
<span class="icon">
|
|
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><title>ICP备案号</title><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.icpRecordCode }}</a>
|
|
</span>
|
|
</p>
|
|
<p v-if="theme.footerConfig.publicSecurityRecordCode" class="recordCode">
|
|
<span class="icon">
|
|
<img src="/img/badge/gongan.png" title="联网备案号">
|
|
</span>
|
|
<span class="content">
|
|
<a :href="'http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=' + theme.footerConfig.publicSecurityRecordCode.replace('号', '').substring(theme.footerConfig.publicSecurityRecordCode.indexOf('备') + 1)" target="_blank">{{ theme.footerConfig.publicSecurityRecordCode }}</a>
|
|
</span>
|
|
</p>
|
|
<p v-if="theme.footerConfig.copyright" 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-gutter);
|
|
padding: 25px 24px;
|
|
background-color: var(--vp-c-bg);
|
|
}
|
|
.VPFooter.has-sidebar {
|
|
display: none;
|
|
}
|
|
a:hover {
|
|
color: var(--vp-c-brand-1);
|
|
text-decoration: underline;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.VPFooter {
|
|
padding: 25px;
|
|
}
|
|
}
|
|
.container {
|
|
margin: 0 auto;
|
|
max-width: var(--vp-layout-max-width);
|
|
text-align: center;
|
|
}
|
|
.recordCode,
|
|
.copyright {
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: var(--vp-c-text-2);
|
|
}
|
|
.recordCode { order: 2; }
|
|
.copyright { order: 1; }
|
|
|
|
p {
|
|
margin: 0;
|
|
}
|
|
.recordCode span {
|
|
display: inline-block;
|
|
}
|
|
.recordCode span:not(:last-child) {
|
|
margin-right: .175rem;
|
|
}
|
|
.recordCode .icon svg {
|
|
height: 16px;
|
|
width: 16px;
|
|
/*fill: var(--vp-c-text-2);*/
|
|
fill: #5791ED;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
.recordCode .icon img {
|
|
height: 14px;
|
|
width: 14px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
</style> |