feat(SPA): 增加app下载引导功能

Author: mutoe

resources/spa/.env.example

@@ -13,3 +13,5 @@ VUE_APP_EASEMOB_APP_KEY=#
 VUE_APP_EASEMOB_API_URL=http://a1.easemob.com
 VUE_APP_EASEMOB_ISDEBUG=false
 VUE_APP_LBS_GAODE_KEY=
+VUE_APP_MOBLINK_ENABLE=false
+VUE_APP_MOBLINK_KEY=

resources/spa/src/main.js

@@ -52,6 +52,20 @@ if (!window.initUrl) {
   window.initUrl = window.location.href.replace(/(\/$)/, '')
 }
 
+// 加载 moblink 用于引导打开 APP
+if (process.env.VUE_APP_MOBLINK_ENABLE) {
+  window.addEventListener('load', () => {
+    const key = process.env.VUE_APP_MOBLINK_KEY || ''
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = `//f.moblink.mob.com/3.0.1/moblink.js?appkey=${key}`
+    script.onload = () => {
+      MobLink({ path: location.href })
+    }
+    document.querySelector('body').appendChild(script)
+  })
+}
+
 /* eslint-disable no-new */
 new Vue({
   store,

resources/spa/src/style/moblink.less

@@ -0,0 +1,6 @@
+#mobLink .mob-box .mob-download-tips  {
+  top: 0;
+  bottom: initial;
+  z-index: 100;
+  background-color: rgba(0,0,0,.6) !important;
+}

resources/spa/src/style/tsplus.less

@@ -5,3 +5,4 @@
 @import "./transition.less";
 @import "./animate.less";
 @import "./common.less";
+@import "./moblink.less";