mjz update

vdoing/components/Footer.vue

@@ -0,0 +1,72 @@
+<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
+  > span
+    line-height 1.5rem
+  .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>