add raw qr

CybexDex · Sep 23, 2019 · 2ff0239 · 2ff0239
1 parent 3ccd7ee
commit 2ff0239
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,20 +8,20 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "core-js": "^2.6.5",
-    "vue": "^2.6.10",
-    "vuetify": "^2.0.0",
-    "lodash": "^4.17.14",
     "axios": "^0.19.0",
-
     "bigi": "^1.4.2",
     "bs58": "^4.0.1",
     "bytebuffer": "^5.0.1",
+    "core-js": "^2.6.5",
     "create-hash": "^1.1.3",
     "create-hmac": "^1.1.6",
     "crypto-js": "^3.1.9-1",
     "deep-equal": "^1.0.1",
-    "ecurve": "^1.0.5"
+    "ecurve": "^1.0.5",
+    "lodash": "^4.17.14",
+    "qrcode.vue": "^1.6.3",
+    "vue": "^2.6.10",
+    "vuetify": "^2.0.0"
   },
   "devDependencies": {
     "@mdi/font": "^4.1.95",

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
@@ -165,6 +165,12 @@
                   详尽指标展示<br />
                   轻松掌握平仓时机
                 </div>
+                <div v-if="this.isMobile() === false">
+                  <qrcode-vue :value="qrValue" :size="qrSize" level="H" class="qr"></qrcode-vue>
+                  <p><b>扫描二维码下载APP</b></p>
+                </div>
+                <div>
+                </div>
               </v-col>
 
               <v-col
@@ -173,6 +179,10 @@
               >
 
                 <img src="/chart.svg" />
+                <div v-if="this.isMobile() === true">
+                  <qrcode-vue :value="qrValue" :size="qrSize" level="H" class="qr-mobile"></qrcode-vue>
+                  <p><b>识别二维码下载APP</b></p>
+                </div>
               </v-col>
 
 
@@ -238,16 +248,29 @@
     background: linear-gradient(0deg, #c62c43 0%, #f55e5d 100%);
   }
 
+  .qr{
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+
+  .qr-mobile{
+    margin-top: 30px;
+    margin-bottom: 10px;
+  }
+
 </style>
 
 <script>
   import { debounce } from "lodash";
   import axios from "axios";
   import PrivateKey from "../ecc/src/PrivateKey";
+  import QrcodeVue from "qrcode.vue";
 
   const config = {
     faucet: 'http://uatfaucet.51nebula.com', //'https://faucet.cybex.io'
-    chain: 'http://18.136.140.223:38090'
+    chain: 'http://18.136.140.223:38090',
+    tutorial: 'https://bbb2019.zendesk.com/hc/zh-cn/articles/360033801811-BBB-%E6%95%99%E7%A8%8B',
+    downloadLink: '', 
   }
 
   let _keyCachePriv = {};
@@ -309,7 +332,9 @@
       password: "",
       repeatpwd: "",
       captcha: "",
-      referer:"",
+      referer: "",
+      qrValue: "hello, world",
+      qrSize: 100,
 
       // nameRules: [
       //   value => !!value || validation.account_required,
@@ -332,6 +357,19 @@
       inRegister: false,
     }),
     methods: {
+      isiOS(){
+        const flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad)/i)
+	      return flag;
+      },
+      isAndroid(){
+        const flag = navigator.userAgent.match(/(Android|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS)/i)
+	      return flag;
+      },
+      isMobile() {
+        const flag= !(this.isiOS() === null && this.isAndroid() === null);
+        console.log("TCL: isMobile -> flag", flag)
+        return flag;
+      },
       activate(){
         zE.activate();
       },
@@ -453,6 +491,7 @@
               "referrer": this.referrer
             }
           });
+          console.log("TCL: createAccount -> result", result)
         } catch (e) {
           if (e.response.data) {
             throw new Error(e.response.data)
@@ -465,6 +504,9 @@
         }
       }
     },
+    components:{
+      QrcodeVue,
+    },
     computed: {
       nameRules(){
         return [