From eb6b222ad2b2bb11c32f69eb928b6317226f98cb Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Mon, 8 Oct 2018 15:42:46 +0800
Subject: [PATCH] add ad

---
 src/components/AD/index.vue             | 52 +++++++++++++++++++++++++
 src/views/layout/Layout.vue             |  5 ++-
 src/views/layout/components/AppMain.vue |  2 +-
 3 files changed, 57 insertions(+), 2 deletions(-)
 create mode 100644 src/components/AD/index.vue

diff --git a/src/components/AD/index.vue b/src/components/AD/index.vue
new file mode 100644
index 00000000..39e11d55
--- /dev/null
+++ b/src/components/AD/index.vue
@@ -0,0 +1,52 @@
+<template>
+  <div id="codefund_ad"/>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      loadSuccess: true
+    }
+  },
+  watch: {
+    '$route.path': {
+      handler: function(val, oldVal) {
+        window._codefund.serve()
+      }
+    }
+  },
+  mounted() {
+    this.addFundScript()
+  },
+  methods: {
+    addFundScript() {
+      if (this.$isServer) return
+      const codefundId = this.isGitee()
+        ? 'c0e8a6c2-6717-402f-aea7-bfdcaaaf2329'
+        : 'c010d89c-46a8-4e3a-abf0-86b8a02874e4'
+      const script = window.document.createElement('script')
+      const template = 'horizontal'
+      script.onerror = this.loadError
+      script.src = `https://codefund.io/scripts/${codefundId}/embed.js?template=${template}`
+      document.body.appendChild(script)
+    },
+    isGitee() {
+      const origin = window.location.origin
+      if (origin.includes('gitee.io')) {
+        return true
+      }
+      return false
+    },
+    loadError(oError) {
+      this.loadSuccess = false
+    }
+  }
+}
+</script>
+
+<style>
+.cf-wrapper{
+  margin: 12px 0 0!important;
+}
+</style>
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
index bd882ef0..810befdf 100644
--- a/src/views/layout/Layout.vue
+++ b/src/views/layout/Layout.vue
@@ -6,12 +6,14 @@
       <navbar/>
       <tags-view/>
       <app-main/>
+      <AD/>
     </div>
   </div>
 </template>
 
 <script>
 import { Navbar, Sidebar, AppMain, TagsView } from './components'
+import AD from '@/components/AD'
 import ResizeMixin from './mixin/ResizeHandler'
 
 export default {
@@ -20,7 +22,8 @@ export default {
     Navbar,
     Sidebar,
     AppMain,
-    TagsView
+    TagsView,
+    AD
   },
   mixins: [ResizeMixin],
   computed: {
diff --git a/src/views/layout/components/AppMain.vue b/src/views/layout/components/AppMain.vue
index b6a3378f..37b04c4f 100644
--- a/src/views/layout/components/AppMain.vue
+++ b/src/views/layout/components/AppMain.vue
@@ -25,7 +25,7 @@ export default {
 <style scoped>
 .app-main {
   /*84 = navbar + tags-view = 50 +34 */
-  min-height: calc(100vh - 84px);
+  min-height: calc(100vh - 140px);
   width: 100%;
   position: relative;
   overflow: hidden;