<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="referrer" content="origin">
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<title>支付完成</title>
</head>
<body>
<div >
<div >
<div >禮物名稱</div>
<div id="p_name" >{$gift_name}</div>
</div>
<div >
<div >贈送人</div>
<div id="zsr" >{$order.reward_nick_name}</div>
</div>
<div >
<div >購買數量</div>
<div id="count" >{$order.gift_num}</div>
</div>
<div >
<div >實付金額</div>
<div id="price" >￥{$order.money}</div>
</div>
<div >
<div >打賞時間</div>
<div id="dssj" >{$order.add_time}</div>
</div>
</div>
<div >
<div id="toOrder">
回傳
</div>
</div>
</body>
</html>
//微信jsapi，展示商戶小票頁面和跳出小票頁面
<script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
<script type="text/javascript">
window.onload=function(){
var mchData =https://www.cnblogs.com/ljkltt/p/{action:'onIframeReady',displayStyle:'SHOW_CUSTOM_PAGE'};
var postData = https://www.cnblogs.com/ljkltt/p/JSON.stringify(mchData);
parent.postMessage(postData,'https://payapp.weixin.qq.com');
};
//跳轉外部鏈接
document.getElementById("toOrder").onclick = function () {
let mchData = https://www.cnblogs.com/ljkltt/p/{
action: 'jumpOut',
jumpOutUrl: "https://qr.cnzhuoyue.cn/xuanIndex/dist/index.html#/dashang?player_id={$order.player_id}" //跳轉的頁面 https
};
let postData = https://www.cnblogs.com/ljkltt/p/JSON.stringify(mchData);
parent.postMessage(postData, 'https://payapp.weixin.qq.com');
};
</script>
<style>
body {
font-family: PingFang SC, "Helvetica Neue", Arial, sans-serif;
}
.col_box2{
text-align: center;
margin-top: 40px;
display: flex;
justify-content: center;
height: 30px;
line-height: 30px;
color: #fff;
}
.btn1{
width: 40%;
background: #9c3;
border-radius: 10px;
}
.order_box .bussiness_avt img {
width: 68px;
height: 68px;
border-radius: 100%;
border: 1px solid #E0E0E0;
}
.b_name {
font-size: 14px;
font-weight: 500;
color: #333333;
margin-top: 6px;
}
.col_box {
margin-top: 35px;
}
.col_box .col {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
font-size: 14px;
color: #333;
margin-bottom: 14px;
}
.col .ct.price {
color: #E61515
}
.btns {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 31px;
}
.btns .btn {
width: 147px;
height: 35px;
line-height: 35px;
font-size: 14px;
border-radius: 39px;
border: 1px solid #CD2314;
box-sizing: border-box;
color: #CD2314;
}
.btns .btn.detail {
background: linear-gradient(270deg, #D51010 0%, #EF4D2D 100%);
color: #fff;
}
</style>
js直接可用,有其他需要可自行到官網查詢
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/232399.html
標籤：JavaScript
上一篇：vue富文本編輯器
下一篇：小程式使用canvas生成二維碼