|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
|
|
|
|
<title>支付中心-网上支付 安全快速!</title>
|
|
|
|
|
<link href="__IMG__/ssg/favicon.ico" type="image/x-icon" rel="shortcut icon">
|
|
|
|
|
<link href="__CSS__/ssg/pay-center.css" rel="stylesheet" type="text/css">
|
|
|
|
|
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
|
|
|
|
|
<script src="/Public/Mobile/js/ssg/flexible.min.js" type="text/javascript"></script>
|
|
|
|
|
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
|
|
|
|
|
<script src="__JS__/jquery.base64.js" type="text/javascript"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
body{
|
|
|
|
|
min-height: 100vh;
|
|
|
|
|
}
|
|
|
|
|
.title{
|
|
|
|
|
display: flex;
|
|
|
|
|
height: .9rem;
|
|
|
|
|
width: 100%;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
background-color: #21B1EB;
|
|
|
|
|
}
|
|
|
|
|
.title img,
|
|
|
|
|
.titleright {
|
|
|
|
|
width: .3rem;
|
|
|
|
|
height: .3rem;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<!-- <div class="topbar">
|
|
|
|
|
<div class="topcon auto">
|
|
|
|
|
<h1 class="pay-logo">
|
|
|
|
|
<img src="__IMG__/ssg/alipay/pay-logo.png" alt="Logo"></h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="title" >
|
|
|
|
|
<img class="gologin" src="__IMG__/ssg/alipay/back.png" style="margin-left:.24rem;" onclick="javascript:history.go(-1)">
|
|
|
|
|
<div style="font-size: .32rem;color: #fff;">{$game_name}</div>
|
|
|
|
|
<div class="titleright" style="margin-right:.24rem;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 其他通道 -->
|
|
|
|
|
<div class="container-pay">
|
|
|
|
|
<div class="auto">
|
|
|
|
|
<div class="orders-summary">
|
|
|
|
|
<div class="orders-name">超级签购买</div>
|
|
|
|
|
<div class="orders-desc">订单描述:<span>{$order_id}</span></div>
|
|
|
|
|
<div class="total-money">应付金额:<strong>{$price}</strong></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="order-checkbank">
|
|
|
|
|
<div class="order-checkbank-con">
|
|
|
|
|
<div class="order-checkbank-tit">请选择付款方式:</div>
|
|
|
|
|
<ul class="order-checkbank-list">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="{$url}"
|
|
|
|
|
title="支付宝">
|
|
|
|
|
<img src="__IMG__/ssg/alipay/zfb-icon.png" alt="支付宝">
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="order-checkbank-mid">
|
|
|
|
|
<p class="odd">请选择支付方式。建议选择使用支付宝、微信支付、银行卡,支付请直接点击相应付款按钮。如果您使用支付宝账户支付,请点击“支付宝”按钮。</p>
|
|
|
|
|
<p class="odd">如果您选择支付宝、微信支付、银行卡支付时,请遵守相关支付宝、微信支付、财付通的规定进行操作。您在支付宝、微信支付、财付通页面上进行的任何操作及其产生的</p>
|
|
|
|
|
<p>任何法律后果,将按照您与支付宝、微信支付、银行卡之间签订的合同处理。本网站不承担任何责任。</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 微信回调弹框 -->
|
|
|
|
|
<div id="alert_box" style="height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;" hidden>
|
|
|
|
|
<div style="top:50%;margin-top: -1.5rem;position: fixed;width: 6.3rem;left: 50%;margin-left: -3.2rem;background-color: #fff;border-radius:.3rem;">
|
|
|
|
|
<img onclick="closeAlert()" src="__IMG__/ssg/alipay/close.png" style="width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;">
|
|
|
|
|
<div style="line-height:1.4rem;font-size:.32rem;text-align: center;">
|
|
|
|
|
请确认微信支付是否已完成
|
|
|
|
|
</div>
|
|
|
|
|
<a href="{$callback}" style="line-height:1rem;font-size:.28rem;text-align: center;color: red;width: 100%;display: block;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;">
|
|
|
|
|
已完成支付
|
|
|
|
|
</a>
|
|
|
|
|
<a href="javascript:location.reload();" style="height:1rem;line-height:1rem;font-size:.28rem;text-align: center;color: #A9A9A9;width: 100%;display: block;">
|
|
|
|
|
支付遇到问题,重新支付
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 触屏订单通道 -->
|
|
|
|
|
<div class="m-order">
|
|
|
|
|
<div style="padding: .3rem;">
|
|
|
|
|
<div style="width: 6.9rem;height: 1.7rem;background-color: #fff;border-radius:10px;margin: auto;font-size: .28rem;color:#292929;">
|
|
|
|
|
<div style="display: flex;height: .8rem; justify-content: space-between;align-items:center;padding: 0 .3rem;">
|
|
|
|
|
<div>订单名称:</div>
|
|
|
|
|
<div>超级签购买</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="display: flex;height: .8rem; justify-content: space-between;align-items:center;padding: 0 .3rem;">
|
|
|
|
|
<div>订单金额:</div>
|
|
|
|
|
<div>{$price}元</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="m-order-payinfo" style="width: 6.9rem;margin:auto;border-radius:10px;border: 0px;">
|
|
|
|
|
<div class="payinfo-tit" style="display: flex;justify-content: space-between;">
|
|
|
|
|
<label style="font-weight: normal;color:#292929;">还需支付: </label>
|
|
|
|
|
<span>{$price}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<a class="order-payinfo-item"
|
|
|
|
|
href="#;" onclick="jump('{$url}', '{$order_id}','alipay')"
|
|
|
|
|
title="支付宝" style="padding: .3rem 0;width: 6.3rem;margin-left: .3rem;">
|
|
|
|
|
<div class="order-payinfo-icon" style="width: .7rem;height: .7rem;">
|
|
|
|
|
<img src="__IMG__/ssg/alipay/zfb-pic.jpg" style="width: 100%;height: 100%;border: 0px;" alt="支付宝">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="order-payinfo-con" style="margin-left: .21rem;">
|
|
|
|
|
<div class="pay-title">支付宝支付</div>
|
|
|
|
|
<div class="pay-meta">推荐支付宝用户使用</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<if condition="$wxurl neq ''">
|
|
|
|
|
<a class="order-payinfo-item"
|
|
|
|
|
href="#;" onclick="jump('{$wxurl}', '{$order_id}','wxpay')"
|
|
|
|
|
title="微信支付" style="padding: .3rem 0;width: 6.3rem;margin-left: .3rem;">
|
|
|
|
|
<div class="order-payinfo-icon" style="width: .7rem;height: .7rem;">
|
|
|
|
|
<img src="__IMG__/ssg/alipay/wxpay.png" style="width: 100%;height: 100%;border: 0px;" alt="微信支付">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="order-payinfo-con" style="margin-left: .21rem;">
|
|
|
|
|
<div class="pay-title">微信支付</div>
|
|
|
|
|
<div class="pay-meta">推荐微信用户使用</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</if>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--<div class="footer-pay">
|
|
|
|
|
<p聚游 版权所有 ©2022 支付中心</p>
|
|
|
|
|
</div>-->
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
function jump(pay_url, order_id,paytype='alipay') {
|
|
|
|
|
if(paytype=='alipay'){
|
|
|
|
|
window.location.href = pay_url;
|
|
|
|
|
}else{
|
|
|
|
|
showAlert();
|
|
|
|
|
window.location.href = pay_url;
|
|
|
|
|
//window.open(pay_url,"_blank");
|
|
|
|
|
}
|
|
|
|
|
/*if(isWeiXin()){
|
|
|
|
|
window.location.href = "/sdk.php/Ipa365/paytip/order_id/"+order_id;
|
|
|
|
|
}else{
|
|
|
|
|
window.location.href=pay_url;
|
|
|
|
|
}*/
|
|
|
|
|
}
|
|
|
|
|
//判断是否是微信浏览器的函数
|
|
|
|
|
function isWeiXin(){
|
|
|
|
|
//window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,这个属性可以用来判断浏览器类型
|
|
|
|
|
var ua = window.navigator.userAgent.toLowerCase();
|
|
|
|
|
//通过正则表达式匹配ua中是否含有MicroMessenger字符串
|
|
|
|
|
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
|
|
|
|
|
return true;
|
|
|
|
|
}else{
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function closeAlert(){
|
|
|
|
|
$("#alert_box").hide();
|
|
|
|
|
}
|
|
|
|
|
function showAlert(){
|
|
|
|
|
$("#alert_box").show();
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|