update site

site/components/geektime_ads.vue

@@ -1,30 +1,40 @@
 <template>
   <div
-    v-show="visible"
+    v-if="isEffective(effectiveTime)"
     id="geektime-ads"
     :class="isMobile ? 'geektime-ads-mobile':''"
   >
     <a
-      href="https://time.geekbang.org/course/intro/163?code=KHKYcoBU6vZa8nMglg7AWfDxxi3BWrz9INAzAY3umPk%3D"
+      href="https://time.geekbang.org/column/intro/216?utm_term=zeusH8E0I&utm_source=website&utm_medium=tangjinzhou"
       target="_blank"
     >
       <img
         height="100"
-        alt="Vue 实战教程"
-        src="https://cdn.nlark.com/yuque/0/2019/jpeg/87084/1562230861353-assets/web-upload/2fab2df7-5cc9-4791-b344-a97da29eb400.jpeg"
-      >
+        alt="浏览器工作原理与实践"
+        src="https://cdn.nlark.com/yuque/0/2019/jpeg/87084/1564994550991-assets/web-upload/fd11d2ba-7351-47d5-bf87-aa9eb2a10256.jpeg"
+      />
     </a>
   </div>
 </template>
 
 <script>
+import moment from 'moment';
 export default {
   props: ['isMobile'],
   data() {
     return {
       visible: true,
+      effectiveTime: {
+        start: '2019-08-05 17:00:00',
+        end: '2019-09-05 17:00:00',
+      },
     };
   },
+  methods: {
+    isEffective({ start, end }) {
+      return moment().isBetween(start, end);
+    },
+  },
 };
 </script>
 
@@ -43,7 +53,7 @@ export default {
   border-radius: 3px;
   font-size: 13px;
   background: #f5f5f5;
-    font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
 }
 #geektime-ads.geektime-ads-mobile {
   width: 100%;