diff --git a/src/assets/sucai.png b/src/assets/sucai.png new file mode 100644 index 00000000..fae0873d Binary files /dev/null and b/src/assets/sucai.png differ diff --git a/src/views/goToApp/goToApp.vue b/src/views/goToApp/goToApp.vue index 0a6f7fe0..f6aeb4ed 100644 --- a/src/views/goToApp/goToApp.vue +++ b/src/views/goToApp/goToApp.vue @@ -7,6 +7,12 @@
如已安装未自动跳转,请 立即下载
+ + +
+ 引导在浏览器打开 +
我知道了
+
@@ -14,7 +20,22 @@ import { getNewVersion } from "@/api/order" export default { name: "goToApp", + data() { + return { + showGuide: false + } + }, + mounted() { + this.showGuide = this.isWeixin() + }, methods: { + isWeixin() { + const ua = navigator.userAgent.toLowerCase() + return ua.indexOf('micromessenger') !== -1 + }, + closeGuide() { + this.showGuide = false + }, goAppHandler() { window.location.href = "rvdriver://page/pagesLogin/phoneLogin?source=h5Link"; }, @@ -70,4 +91,32 @@ export default { } } } - \ No newline at end of file +.guide-mask { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 999; + display: flex; + flex-direction: column; + align-items: center; + background: rgba(0, 0, 0, 0.85); +} +.guide-img { + width: 90%; + margin-top: 12vh; + object-fit: contain; +} +.guide-btn { + width: 140px; + height: 40px; + margin-top: 40px; + border: 1px solid #FFFFFF; + border-radius: 20px; + font-size: 15px; + color: #FFFFFF; + line-height: 40px; + text-align: center; +} +