75 lines
1.6 KiB
Vue
75 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'>
|
||
// $mobileSidebarWidth = $sidebarWidth * 0.82
|
||
.footer
|
||
padding 5rem 1.5rem 2.5rem
|
||
text-align center
|
||
color #666
|
||
box-sizing border-box
|
||
font-size 0.85rem
|
||
transition all 0.2s ease
|
||
.icons
|
||
margin-bottom 12px
|
||
.iconfont
|
||
padding 0 10px
|
||
font-size 1.3rem
|
||
a
|
||
color inherit
|
||
&:hover
|
||
color $accentColor
|
||
@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>
|