ant-design-vue/site/components/geektime.vue

<template>
  <div id="geektime">
    <a
      href="https://time.geekbang.org/course/intro/163?code=KHKYcoBU6vZa8nMglg7AWfDxxi3BWrz9INAzAY3umPk%3D"
      target="_blank"
    >
      <img
        width="160"
        alt="Vue 实战教程"
        src="https://cdn.nlark.com/yuque/0/2019/gif/87084/1552897186489-assets/web-upload/3ac01ea3-9c6f-4f23-b52e-d47dae5532d2.gif"
      >
    </a>
  </div>  
</template>

<script>
export default {

};
</script>

<style lang="less">
  #geektime {
    position: fixed;
    bottom: 6px;
    right: 6px;
  }
</style>