91 lines
2.4 KiB
HTML
91 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>页面</title>
|
|
<style>
|
|
/* 页面整体居中 */
|
|
body {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100vh;
|
|
margin: 0;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 10px 20px;
|
|
margin: 10px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
border: none;
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* 按钮图标样式 */
|
|
img {
|
|
margin-right: 8px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
</style>
|
|
<script>
|
|
// 获取 URL 中的参数
|
|
function getUrlParameter(name) {
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
return urlParams.get(name);
|
|
}
|
|
|
|
// 页面加载后根据 URL 参数决定显示的按钮
|
|
window.onload = function () {
|
|
const orderNo = getUrlParameter('orderNo');
|
|
|
|
// 填充订单号
|
|
if (orderNo) {
|
|
document.getElementById('orderNoField').innerHTML = `订单号: ${orderNo}`;
|
|
} else {
|
|
document.getElementById('orderNoField').innerHTML = '订单号: 未找到';
|
|
}
|
|
|
|
};
|
|
|
|
// 关闭页面
|
|
function closePage() {
|
|
window.close();
|
|
}
|
|
|
|
// 刷新页面
|
|
function refreshPage() {
|
|
window.location.reload();
|
|
}
|
|
|
|
// 加载页面内容
|
|
function loadContent() {
|
|
alert('加载内容');
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- <h1>按钮操作</h1> -->
|
|
|
|
<div id="refreshButton" class="hidden">
|
|
<img src="./img/icon02.png" alt="关闭" style="width: 200px;height: 200px;">
|
|
<div style="font-size: 18px;margin-top: 30px;">支付失败</div>
|
|
<div style="font-size: 18px;margin-top: 30px;"><strong id="orderNoField"></strong></div>
|
|
<button style="background-color: #ca2f11;margin-top: 30px;" onclick="closePage()">返回游戏</button>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |