mjz update

2023-05-28 18:15:33 +08:00
parent 9b75e60571
commit ed6e2d81fb
243 changed files with 11730 additions and 6 deletions
@@ -0,0 +1,76 @@
+<template>
+  <aside class="blogger-wrapper card-box">
+    <div class="avatar">
+      <img :src="blogger.avatar" alt="头像" title="我好看吗" />
+    </div>
+    <div class="icons" v-if="social && social.icons && social.icons.length">
+      <a
+        v-for="(item, index) in social.icons"
+        :key="index"
+        :href="item.link"
+        :title="item.title"
+        :class="['iconfont', item.iconClass]"
+        :style="{ width: 100 / social.icons.length + '%' }"
+        target="_blank"
+      />
+    </div>
+    <div class="blogger">
+      <span class="name">{{ blogger.name }}</span>
+      <span class="slogan">{{ blogger.slogan }}</span>
+    </div>
+  </aside>
+</template>
+
+<script>
+export default {
+  computed: {
+    blogger () {
+      return this.$themeConfig.blogger
+    },
+    social () {
+      return this.$themeConfig.social
+    }
+  }
+}
+</script>
+
+<style lang='stylus'>
+.blogger-wrapper
+  height auto
+  display inline-table
+  padding-top 0 !important
+  overflow hidden
+  .avatar
+    width 100%
+    // height 235px
+    overflow hidden
+    @media (max-width 900px)
+      // width 205px
+      // height 205px
+    img
+      width 100%
+      height 100%
+  .icons
+    // border 1px solid var(--borderColor)
+    border-top none
+    height 35px
+    line-height 35px
+    a
+      font-size 20px
+      width 33%
+      color var(--textColor)
+      display block
+      float left
+      text-align center
+      opacity 0.8
+      &:hover
+        color $accentColor
+  .blogger
+    padding 0.3rem 0.95rem 0 0.95rem
+    .name
+      font-size 1.3rem
+      display block
+      margin-bottom 6px
+    .slogan
+      color var(--textColor)
+</style>