机器人

.vuepress/components/SharingBlock.vue

@@ -0,0 +1,88 @@
+<template>
+  <div style="border: solid 1px #E6A23C; background-color: rgb(253, 246, 236); padding: 1rem;">
+    <div v-show="!authorized" key="not">
+
+        <p style="color: red">请扫描二维码加微信后，获得授权码，显示完整文档。（需分享朋友圈）</p>
+        <p>全站只在此一处需要输入验证码</p>
+      <grid :rwd="{compact: 'stack'}">
+        <grid-item size="1/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 0rem 0 1rem 1rem;">
+
+      <div>
+
+        <p>
+          <img src="/images/dz2.jpeg" style="width: 180px;"></img>
+        </p>
+        </div>
+        </grid-item>
+        <grid-item size="2/3" :rwd="{tablet: '1/1', compact: '1/1'}" style="padding: 1rem 1rem 1rem 1rem;">
+          <div style="display: inline-block; width: 480px; max-width: calc(100% - 2rem); overflow: hidden; line-height: 40px; background-color: rgba(255,229,100,0.3); padding: 1rem; margin-bottom: 20px; border: 1px solid #d7dae2;">
+            <p>发送给Kuboard： <el-tag size="medium" effect="dark">{{code1}}{{code2}}</el-tag></p>
+            <el-form ref="envForm" style="text-align: left;" label-width="80px">
+              <!-- <el-form-item label="发给Kuboard">
+                {{code}}
+              </el-form-item> -->
+              <el-form-item prop="checked" class="env-form-item" label="验证码：">
+                <el-input placeholder="Kuboard返回的查看码" v-model.number="authCode"></el-input>
+              </el-form-item>
+            </el-form>
+          </div>
+        </grid-item>
+      </grid>
+
+    </div>
+    <!-- <el-collapse-transition> -->
+    <div v-show="authorized" key="ok">
+      <!-- <el-button style="margin-top: 10px;" @click="review" type="text">再看看我是否符合安装条件</el-button> -->
+      <el-alert
+        title="已为您显示完整文档，感谢配合。"
+        description="缓存清空后需重新获得验证码"
+        effect="dark"
+        type="success">
+      </el-alert>
+      <slot></slot>
+      </div>
+    <!-- </el-collapse-transition> -->
+  </div>
+</template>
+
+<script>
+export default {
+
+  data () {
+    let a = false
+    if (typeof window !== 'undefined') {
+      a = localStorage.getItem('SharingBlockValidated')
+    }
+    let c2 = parseInt(Math.random() * 10)
+    if (c2 === 0) {
+      c2 = 1
+    }
+    return {
+      authorized: a,
+      code1: parseInt(Math.random() * 100),
+      code2: c2,
+      authCode: undefined
+    }
+  },
+  watch: {
+    authCode () {
+      if (this.authCode === this.code1 + this.code2) {
+        this.authorized = true
+        if (typeof window !== 'undefined') {
+          localStorage.setItem('SharingBlockValidated', 'true')
+        }
+        this.$sendGaEvent('文档验证码', '文档验证码' + this.$page.path, '文档验证码' + this.$title)
+      }
+    }
+  },
+  methods: {
+    validate () {
+
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>