From b3a0263c03e2c11a94e8bdcbf8be373dffbae8f0 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Sat, 12 Mar 2022 15:44:59 +0800
Subject: [PATCH] doc: add ad

---
 site/index.html                    |  5 ++--
 site/src/components/rice/WWAds.vue | 48 +++++++++++++++++++-----------
 site/src/layouts/index.vue         |  4 ++-
 3 files changed, 36 insertions(+), 21 deletions(-)

diff --git a/site/index.html b/site/index.html
index 3f37c8729..db7d863a9 100644
--- a/site/index.html
+++ b/site/index.html
@@ -59,7 +59,7 @@
       gtag('config', 'UA-151755889-1');
     </script>
     <!-- Hotjar Tracking Code for http://vue.ant.design -->
-    <script>
+    <!-- <script>
       (function (h, o, t, j, a, r) {
         if (location.href.indexOf('iframe') === -1) {
           h.hj =
@@ -78,6 +78,7 @@
           a.appendChild(r);
         }
       })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
-    </script>
+    </script> -->
+    <script type="text/javascript" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
   </body>
 </html>
diff --git a/site/src/components/rice/WWAds.vue b/site/src/components/rice/WWAds.vue
index c4f1f8254..3d1b9815c 100644
--- a/site/src/components/rice/WWAds.vue
+++ b/site/src/components/rice/WWAds.vue
@@ -1,27 +1,39 @@
 <template>
-  <div>
-    <div ref="inner" class="wwads-cn wwads-horizontal" data-id="62" style="max-width: 350px"></div>
+  <div id="rice">
+    <div class="wwads-cn wwads-vertical" data-id="62" style="max-width: 200px"></div>
   </div>
 </template>
 <script>
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-  mounted() {
-    this.load();
-  },
-  methods: {
-    load() {
-      if (this.scriptDom) {
-        this.$el.removeChild(this.scriptDom);
-      }
-      this.$refs.inner.innerHTML = '';
-      const e = document.createElement('script');
-      e.src = 'https://wwads.cn/js/makemoney.js';
-      e.async = true;
-      this.$el.appendChild(e);
-      this.scriptDom = e;
-    },
-  },
+  // mounted() {
+  //   // this.load();
+  // },
+  // methods: {
+  //   load() {
+  //     if (this.scriptDom) {
+  //       this.$el.removeChild(this.scriptDom);
+  //     }
+  //     this.$refs.inner.innerHTML = '';
+  //     const e = document.createElement('script');
+  //     e.src = 'https://wwads.cn/js/makemoney.js';
+  //     e.async = true;
+  //     this.$el.appendChild(e);
+  //     this.scriptDom = e;
+  //   },
+  // },
 });
 </script>
+<style scoped>
+#rice {
+  width: 125px;
+  position: fixed;
+  z-index: 19;
+  bottom: 10px;
+  right: 10px;
+  padding: 10px;
+  border-radius: 3px;
+  font-size: 13px;
+}
+</style>
diff --git a/site/src/layouts/index.vue b/site/src/layouts/index.vue
index 205e03504..d1692d089 100644
--- a/site/src/layouts/index.vue
+++ b/site/src/layouts/index.vue
@@ -73,7 +73,7 @@
         <Footer />
       </a-col>
     </a-row>
-    <RightBottomAd :is-c-n="isZhCN" :is-mobile="isMobile" />
+    <WWAdsVue v-if="isZhCN && !isMobile" />
   </div>
 </template>
 <script lang="ts">
@@ -93,6 +93,7 @@ import RightBottomAd from '../components/rice/right_bottom_rice.vue';
 import { CloseOutlined, MenuOutlined } from '@ant-design/icons-vue';
 import ThemeIcon from './ThemeIcon.vue';
 import surelyVueVue from '../components/surelyVue.vue';
+import WWAdsVue from '../components/rice/WWAds.vue';
 
 const rControl = /[\u0000-\u001f]/g;
 const rSpecial = /[\s~`!@#$%^&*()\-_+=[\]{}|\\;:"'<>,.?/]+/g;
@@ -112,6 +113,7 @@ export default defineComponent({
     MenuOutlined,
     ThemeIcon,
     surelyVueVue,
+    WWAdsVue,
   },
   setup() {
     const visible = ref(false);