73 lines
1.6 KiB
Vue
73 lines
1.6 KiB
Vue
<template>
|
||
<div class="wrap">
|
||
<div class="content">
|
||
<div class="goToBtn" @click="goAppHandler">立即打开</div>
|
||
<div class="content_tip">
|
||
<div class="font_cls">如未安装请点击下载</div>
|
||
<div class="font_cls">如已安装未自动跳转，请 <span @click="downLoadHandler">立即下载</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { getNewVersion } from "@/api/order"
|
||
export default {
|
||
name: "goToApp",
|
||
methods: {
|
||
goAppHandler() {
|
||
window.location.href = "rvdriver://page/pagesLogin/phoneLogin?source=h5Link";
|
||
},
|
||
async downLoadHandler() {
|
||
getNewVersion({
|
||
appType: 5
|
||
}).then((res) => {
|
||
window.location.href = res?.result?.path
|
||
}).catch(() => {
|
||
this.$message.error('请求版本失败，请重试');
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.wrap {
|
||
width: 100%;
|
||
height: 100vh;
|
||
background-image: url('@/assets/toAppBg.png');
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
}
|
||
.content {
|
||
width: 100%;
|
||
position: fixed;
|
||
top: 74vh;
|
||
}
|
||
.goToBtn {
|
||
width: 70%;
|
||
height: 45px;
|
||
margin-left: 15%;
|
||
background: linear-gradient( 270deg, #2347C0 0%, #72A3FF 100%);
|
||
border-radius: 23px;
|
||
//font-weight: bold;
|
||
font-size: 17px;
|
||
color: #FFFFFF;
|
||
letter-spacing: 2px;
|
||
line-height: 45px;
|
||
text-align: center;
|
||
}
|
||
.content_tip {
|
||
width: 100%;
|
||
margin-top: 15px;
|
||
.font_cls {
|
||
font-size: 14px;
|
||
color: #808080;
|
||
line-height: 20px;
|
||
text-align: center;
|
||
span {
|
||
color: #007BE9;
|
||
}
|
||
}
|
||
}
|
||
</style> |