72 lines
1.6 KiB
Vue
72 lines
1.6 KiB
Vue
<template>
|
||
<div class="footer">
|
||
<div class="icons" v-if="social && social.icons">
|
||
<a
|
||
:href="item.link"
|
||
:title="item.title"
|
||
:class="['iconfont', item.iconClass]"
|
||
v-for="(item, index) in social.icons"
|
||
:key="index"
|
||
target="_blank"
|
||
>
|
||
</a>
|
||
</div>
|
||
|
||
<!--vdoing主题遵循MIT协议，完全开源且免费。如果你对主题的修改并不大，请保留主题的链接。-->
|
||
Theme by <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
|
||
<template v-if="footer">
|
||
| Copyright © {{ footer.createYear }}-{{ new Date().getFullYear() }}
|
||
<span v-html="footer.copyrightInfo"></span>
|
||
</template>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
computed: {
|
||
social() {
|
||
return this.$themeConfig.social
|
||
},
|
||
footer() {
|
||
return this.$themeConfig.footer
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang='stylus' scoped>
|
||
$mobileSidebarWidth = $sidebarWidth * 0.82
|
||
|
||
.icons
|
||
margin-bottom 12px
|
||
.iconfont
|
||
padding 0 10px
|
||
font-size 19px
|
||
|
||
.footer
|
||
padding 5rem 1.5rem 2.5rem
|
||
text-align center
|
||
color #666
|
||
box-sizing border-box
|
||
font-size .85rem
|
||
transition all .2s ease
|
||
@media (min-width: $cardLayout)
|
||
background var(--pageBg)
|
||
a
|
||
color #666
|
||
|
||
@media (min-width: ($MQMobile + 1px))
|
||
.sidebar-open .footer
|
||
width auto
|
||
padding-left ($sidebarWidth + 1.5rem)
|
||
|
||
@media (min-width 1520px)
|
||
.have-rightmenu .footer
|
||
padding-right ($rightMenuWidth + 1.5rem)
|
||
|
||
.no-sidebar .footer
|
||
width auto
|
||
padding-left 1.5rem
|
||
|
||
</style>
|