update site

site/components/CarbonAds.vue

@@ -59,19 +59,23 @@ export default {
 </script>
 <style lang="less">
  #carbon-ads {
+  width: 280px;
+  float: right;
+  position: relative;
+  right: 0;
+  bottom: 0;
+  padding: 0;
   overflow: hidden;
-  width: 145px;
-  position: fixed;
   z-index: 9;
-  bottom: 10px;
-  right: 10px;
-  padding: 10px;
   background-color: #fff;
   border-radius: 3px;
   font-size: 13px;
   background: #f5f5f5;
   font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
 }
+#carbonads {
+  overflow: hidden;
+}
 #carbon-ads a {
   display: inline-block;
   color: #7f8c8d;
@@ -81,7 +85,8 @@ export default {
   color: #7f8c8d;
 }
 #carbon-ads img {
-  width: 125px;
+  float: left;
+  margin-right: 10px;
 }
 #carbon-ads .carbon-img,
 #carbon-ads .carbon-text {
@@ -90,7 +95,7 @@ export default {
   color: #34495e;
 }
 #carbon-ads .carbon-text {
-  margin-top: 6px;
+  padding-top: 6px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;

site/components/geektime.vue

@@ -0,0 +1,29 @@
+<template>
+  <div id="geektime">
+    <a
+      href="http://gk.link/a/102BE"
+      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>
+

site/components/layout.vue

@@ -4,6 +4,7 @@ import AllDemo from '../demo';
 import Header from './header';
 import Footer from './footer';
 import CarbonAds from './CarbonAds';
+import Geektime from './geektime';
 import Sponsors from './sponsors';
 import zhCN from 'antd/locale-provider/zh_CN';
 import enUS from 'antd/locale-provider/default';
@@ -303,6 +304,7 @@ export default {
           </div>
         </a-locale-provider>
         { name.indexOf('back-top') === -1 ? <a-back-top /> : null }
+        <Geektime />
       </div>
     );
   },

site/index.less

@@ -186,7 +186,7 @@
   bottom: 250px;
 }
 .toc-affix .ant-anchor-wrapper {
-  max-height: calc(~'100vh - 350px') !important;
+  max-height: calc(~'100vh - 250px') !important;
 }
 
 .drawer-wrapper .drawer-content {