Add app download link

components/h5Index.vue

@@ -53,10 +53,8 @@
               <div>
                 <div class="install_btn_wrap">
                   <div class="process_box"></div>
-                  <a
-                    class="down_btn"
-                    href="/d50232e4a3e846cabcd0877c05678902.mobileprovision"
-                    >立即下载</a
+                  <span class="down_btn" @click="handleDownload()"
+                    >立即下载</span
                   >
                 </div>
               </div>
@@ -87,10 +85,8 @@
             <div v-else>
               <div style="display: flex; justify-content: space-evenly">
                 <div class="install_btn_wrap" style="width: 10.8rem">
-                  <a
-                    class="down_btn"
-                    href="/d50232e4a3e846cabcd0877c05678902.mobileprovision"
-                    >立即下载</a
+                  <span class="down_btn" @click="handleDownload()"
+                    >立即下载</span
                   >
                 </div>
                 <div class="open_h5_wrap" style="width: 8rem">
@@ -159,12 +155,29 @@ export default {
       isiOS: null,
     };
   },
+  created() {
+    ShareTrace.init({
+      appkey: "a4a9e45dc76e096a",
+      success: function () {
+        console.log("init success...");
+      },
+      error: function (msg) {
+        console.log(msg);
+      },
+    });
+  },
   mounted() {
     const u = navigator.userAgent;
     const isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android终端
     const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
     this.isiOS = isiOS;
   },
+  methods: {
+    handleDownload() {
+      // 请在用户点击下载按钮时，触发此函数
+      ShareTrace.download();
+    },
+  },
 };
 </script>
 <style scoped>

nuxt.config.js

@@ -22,9 +22,12 @@ export default {
             { hid: 'description', name: 'description', content: '' },
             { name: 'format-detection', content: 'telephone=no' }
         ],
+        script: [{
+            src: 'https://res.sharetrace.com/sharetrace.min.js'
+        }],
         link: [
             { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-        ]
+        ],
     },
 
     // Global CSS: https://go.nuxtjs.dev/config-css

pages/index.vue

@@ -18,7 +18,12 @@ export default {
   data() {
     return {
       isPc: true,
+      code: "",
     };
   },
+  mounted() {
+    this.code = location.href.split("?")[1].split("=")[1];
+    console.log(this.code)
+  },
 };
 </script>
\ No newline at end of file