82 lines
15 KiB
Vue
82 lines
15 KiB
Vue
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|||
|
|
<title>Document</title>
|
|||
|
|
<style>
|
|||
|
|
* {
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
html,
|
|||
|
|
body {
|
|||
|
|
width: 100%;
|
|||
|
|
width: 375px;
|
|||
|
|
height: 350px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.wrapper {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
padding-top: 24px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tips1 {
|
|||
|
|
margin-top: 34px;
|
|||
|
|
color: #333333;
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: 700;
|
|||
|
|
}
|
|||
|
|
.tips2 {
|
|||
|
|
margin-top: 25px;
|
|||
|
|
color: #aaaaaa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn {
|
|||
|
|
margin-top: 25px;
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 50%;
|
|||
|
|
padding: 14px 42px;
|
|||
|
|
border-radius: 999px;
|
|||
|
|
background: linear-gradient(135deg, #ff9340, #f23a49);
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body onload="init()">
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<img width="40%" id="success" src="" alt="" />
|
|||
|
|
<div class="tips1">报名成功!</div>
|
|||
|
|
<div class="tips2">恭喜您，报名成功啦！</div>
|
|||
|
|
<div class="btn" onclick="goBack()">返回青学驾</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<script>
|
|||
|
|
let successPng =
|
|||
|
|
"data:image/png;base64,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
|
|||
|
|
|
|||
|
|
let img = document.getElementById("success")
|
|||
|
|
img.src = successPng
|
|||
|
|
|
|||
|
|
function init() {
|
|||
|
|
let mchData = { action: "onIframeReady", displayStyle: "SHOW_CUSTOM_PAGE" }
|
|||
|
|
let postData = JSON.stringify(mchData)
|
|||
|
|
parent.postMessage(postData, "https://payapp.weixin.qq.com")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function goBack() {
|
|||
|
|
let mchData = {
|
|||
|
|
action: "jumpOut",
|
|||
|
|
jumpOutUrl: "https://qdrest.duolunxc.com/qdjx_h5/index.html#/personal-center",
|
|||
|
|
}
|
|||
|
|
let postData = JSON.stringify(mchData)
|
|||
|
|
parent.postMessage(postData, "https://payapp.weixin.qq.com")
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</html>
|