From f671810c3125513e1ec4433b6f29c5fbd81967c6 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Mon, 18 Mar 2019 17:09:41 +0800
Subject: [PATCH] update site

---
 site/components/CarbonAds.vue | 19 ++++++++++++-------
 site/components/geektime.vue  | 29 +++++++++++++++++++++++++++++
 site/components/layout.vue    |  2 ++
 site/index.less               |  2 +-
 4 files changed, 44 insertions(+), 8 deletions(-)
 create mode 100644 site/components/geektime.vue

diff --git a/site/components/CarbonAds.vue b/site/components/CarbonAds.vue
index f79b9ddb2..add5a2fe8 100644
--- a/site/components/CarbonAds.vue
+++ b/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;
diff --git a/site/components/geektime.vue b/site/components/geektime.vue
new file mode 100644
index 000000000..73a801f59
--- /dev/null
+++ b/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>
+
diff --git a/site/components/layout.vue b/site/components/layout.vue
index 7a8b346e4..04cd8a142 100644
--- a/site/components/layout.vue
+++ b/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>
     );
   },
diff --git a/site/index.less b/site/index.less
index 8de351175..00bee5b05 100644
--- a/site/index.less
+++ b/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 {