Skip to content

S
SURPRISED
Commit 8ec94634 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

111

parents a1930767 dabd9e5c
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1093 additions and 0 deletions
html/coupons.html 0 → 100644
View file @ 8ec94634
This diff is collapsed.
html/login.html 0 → 100644
View file @ 8ec94634
This diff is collapsed.
html/pay.html 0 → 100644
View file @ 8ec94634
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<title>支付订单</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, spanarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.pay_page{
width:100%;
height:100%;
background-color: #F4F4F4;
position: relative;
}
.pay_time{
width:100%;
text-align: center;
font-size:2rem;
color:#999999;
margin:5rem 0 2rem 0;
}
.login_AgreeTitle{
width:100%;
height:8rem;
text-align: center;
font-size:2.3rem;
line-height: 8rem;
border:0;
box-shadow: 0px 0px 20px #d1d1d1;
}
.login_AgreeTitle img{
position: relative;
left:3rem;
top:3rem;
float:left;
}
.pay_time span{
margin-left:1rem;
}
.pay_price{
font-size:4rem;
width:100%;
text-align: center;
}
.pay_price span:first-child{
font-size:2rem;
}
.pay_quan{
margin:2rem 0 0 0;
width:100%;
text-align: center;
color:#999999;
font-size:2rem;
}
.price_Top{
background-color: #fff;
}
.pay_zhifu{
width:90%;
height:10rem;
display: flex;
margin:4rem auto;
align-items: center;
}
.pay_circle{
width:3rem;
height:3rem;
border:1px solid #CCCCCC;
border-radius: 50%;
}
.pay_one{
width:3rem;
height:3rem;
}
.pay_two{
display: inline-block;
font-size:2.5rem;
margin-left:3rem;
width:47rem;
}
.pay_three{
display:inline-block;
}
.pay_three img{
width:3rem;
height:3rem;
}
.pay_btndiv{
width:100%;
position: absolute;
bottom:4rem;
text-align: center;
}
.pay_btn{
width:92%;
height:8rem;
background-color: #EE4454;
color:#fff;
font-size:2.5rem;
outline: none;
border:0;
border-radius: 1.5rem;
}
</style>
<body>
<div class="pay_page">
<div class="price_Top">
<div class="login_AgreeTitle">
<img onclick="gobackList()" src="../images/login/login_arrowleft.png"/>支付订单
</div>
<div class="pay_time">
支付剩余时间<span>24:00</span>
</div>
<div class="pay_price">
<span>¥</span><span>9.9</span>
</div>
<div class="pay_quan">
9.9元抵扣200元代金券
</div>
<div class="pay_zhifu">
<img class="pay_one" src="../images/login/wechat.png" alt=""/>
<span class="pay_two">微信支付</span>
<div class="pay_three">
<!-- <div class="pay_circle"></div> -->
<img src="../images/login/checkbox.png" aly=""/>
</div>
</div>
</div>
<div class="pay_btndiv">
<button class="pay_btn" onclick="pay()">立即支付</button>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script>
var appId = urlparameter("appId");
var timeStamp = urlparameter("timeStamp");
var nonceStr = urlparameter("nonceStr");
var pg = urlparameter("pg");
var signType = urlparameter("signType");
var paySign = urlparameter("paySign");
function onBridgeReady(){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId" : appId, //公众号名称，由商户传入
"timeStamp": timeStamp, //时间戳，自1970年以来的秒数
"nonceStr" : nonceStr, //随机串
"package" : "prepay_id=" + pg,
"signType" : signType, //微信签名方式:
"paySign" : paySign //微信签名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
alert("支付成功");
} // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。
}
);
}
function pay(){
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}
}
</script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment