doc: add ad

Author: tangjinzhou

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>

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>

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);