237 lines
10 KiB
HTML
237 lines
10 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<!doctype html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
||
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
||
<title>优惠券</title>
|
||
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
||
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
||
<script type="text/javascript" src="/scripts/jquery-3.4.1.min.js"></script>
|
||
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
||
<script type="text/javascript" src="/layer/layer.js"></script>
|
||
<script type="text/javascript" src="/Scripts/long.js"></script>
|
||
<script type="text/javascript" src="/Scripts/clipboard.min.js"></script>
|
||
<style type="text/css">
|
||
html, body {
|
||
overflow: hidden;
|
||
}
|
||
|
||
#wrapper {
|
||
flex: 1;
|
||
overflow-y: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
}
|
||
|
||
.pullDown {
|
||
position: absolute;
|
||
top: -1.25rem;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 100;
|
||
text-align: center;
|
||
display: none;
|
||
}
|
||
|
||
.pullUp {
|
||
position: absolute;
|
||
bottom: -1.25rem;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: 100;
|
||
text-align: center;
|
||
display: none;
|
||
}
|
||
|
||
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
|
||
display: block;
|
||
}
|
||
|
||
.uploadpic_btn {
|
||
position: absolute;
|
||
width: 5em;
|
||
height: 5em;
|
||
right: 0;
|
||
top: 0;
|
||
opacity: 0;
|
||
filter: alpha(opacity=0);
|
||
}
|
||
|
||
.layer {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 100;
|
||
background: rgba(0, 0, 0, .5);
|
||
display: none;
|
||
}
|
||
|
||
.layer img {
|
||
width: auto;
|
||
max-width: 20em;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
var userId = null;
|
||
var LoginId = null;
|
||
var CartId = null;
|
||
var t = 0, ResultId = 0, zftype = 0, uploading = 0;
|
||
var image = "";
|
||
var pullDown = 1; // 下拉刷新避免多次执行
|
||
var pullUp = 1; // 上拉加载避免多次执行
|
||
var downHeight = 0;
|
||
var upHeight = 0;
|
||
var isload = true;//设置是否终止滚动加载
|
||
var curScrollHeight = 0;//当前滚动位置
|
||
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
||
$(document).ready(function () {
|
||
|
||
var clipboard = new Clipboard('.btn');
|
||
|
||
clipboard.on('success', function (e) {
|
||
alert("复制成功");
|
||
});
|
||
|
||
clipboard.on('error', function (e) {
|
||
alert("复制失败");
|
||
});
|
||
|
||
|
||
|
||
});
|
||
</script>
|
||
|
||
</head>
|
||
|
||
<body class="wrap">
|
||
<header>
|
||
<div class="ub">
|
||
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:4em" onclick="closeWin()">
|
||
|
||
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
||
|
||
|
||
</div>
|
||
<h1 class="ub-f1">
|
||
优惠券
|
||
</h1>
|
||
<div class="nav-btn blue" id="nav-right" style=" margin:0; padding:0; min-width:1em; ">
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="ub-f1" id="wrapper">
|
||
<div id="wrapper_content">
|
||
<p class="pullDown">下拉刷新...</p>
|
||
<div class="clear"></div>
|
||
<div style="padding:0.8em;">
|
||
|
||
<input id="foo" type="text" value="hello111">
|
||
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button> <br><br>
|
||
|
||
<input id="foo2" type="text" value="hello222">
|
||
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo2">Copy</button> <br><br>
|
||
|
||
<input id="foo3" type="text" value="hello333">
|
||
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo3">Copy</button> <br><br>
|
||
|
||
<input id="foo4" type="text" value="hello444">
|
||
<input type="button" class="btn" data-clipboard-action="copy" data-clipboard-target="#foo4" value="Copy" /> <br><br>
|
||
|
||
|
||
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
|
||
<p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
<p class="pullUp">上拉加载...</p>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<div class="showthjto uhide" id="showthjto0" onclick='hideshowthjto(0);'>
|
||
<div class="showthjto_box" onclick="stopPropagation(event)">
|
||
<h3><span>去付款</span><span class="close" onclick='hideshowthjto(0);'>X</span></h3>
|
||
<div class="ub ub-ac ub-ver" id="pay_box" style="background-color: #FFFFFF;margin-bottom: 2em;">
|
||
<div class="ub" style="padding:0.8em;width:100%; font-weight: 800;">
|
||
支付方式
|
||
</div>
|
||
<div class="ub ub-ac ub-pc">
|
||
<div class="pay_box" id="paytypebox">
|
||
<div id="paytype0" class='hover' onclick="onpaytype(0)"><img src="../image/weixinpay.png" />微信支付</div>
|
||
<div id="paytype1" onclick="onpaytype(1)"><img src="../image/alipay.png" />支付宝</div>
|
||
<div id="paytype2" onclick="onpaytype(2)"><img src="../image/bank.png" />线下打款</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ub ub-ver uhide" id="coupon_bankmsg_box" style="border-top: 1px solid #DFDFDF;padding-top:0.8em;background-color: #FFFFFF;">
|
||
<div class="ub" style="padding-left:0.8em; text-align:left; font-weight: 800;">
|
||
<div class="ub-f1">银行账号</div><input id="qybtn" type="button" style=" width:7em; height:1.6em; line-height:1.6em; color:#fff; border-radius:0.5em;" class="mybtn" value="复制银行信息" data-clipboard-action="copy" data-clipboard-target="#bankmsg">
|
||
</div>
|
||
<div class="ub ub-ver" style=" padding-top:0.8em; padding-left:0.8em; text-align:left;">
|
||
<textarea id="bankmsg" style="width:100%; height:6em;"></textarea>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="ub ub-ac ub-pc uhide" id="coupon_alipay_box" style="padding-top:0;background-color: #FFFFFF;margin-bottom: 0.8em;">
|
||
<div class="ub ub-ac ub-pc ub-ver" style="margin:0;">
|
||
<div class="ub ub-ac ub-pc" style="padding:0.8em 0; font-weight: 800;">
|
||
支付宝收款码
|
||
</div>
|
||
<div class="ub ub-ac ub-pc upload_image" style="padding:0;" onclick="onviewimage(0)">
|
||
<img src="" id="aliimage" />
|
||
</div>
|
||
</div>
|
||
<div class="ub ub-ac ub-pc ub-ver" style=" margin-left:3em;">
|
||
<div class="ub ub-ac ub-pc" style="padding:0.8em 0; font-weight: 800;">
|
||
微信收款码
|
||
</div>
|
||
<div class="ub ub-ac ub-pc upload_image" style="padding:0;" onclick="onviewimage(1)">
|
||
<img src="" id="weixinimage" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ub ub-ac uhide" id="coupon_upload_box" style="border-top: 1px solid #DFDFDF; padding-top:0.8em; background-color: #FFFFFF;margin-bottom: 2em;">
|
||
<div class="ub" style="padding:0.8em; font-weight: 800;">
|
||
上传汇款截图
|
||
</div>
|
||
<div class="ub ub-ac ub-pc">
|
||
<form id="myForm">
|
||
<div class="ub ub-ac ub-pc upload_image">
|
||
<img src="../image/add1.png" id="image" />
|
||
<input type="file" id="uploadpic" class="uploadpic_btn" onchange="uploadimg()" accept="image/*" />
|
||
</div>
|
||
|
||
</form>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="ub ub-ac ub-pc select_box_btn" style="position:relative;float:left; background-color: #FFFFFF;margin-bottom: .8em; padding:0; width:100%;">
|
||
<input id="qybtn" type="button" style="width:9em;border-radius:0.5em;" class="mybtn" onclick="payto()" value="确认">
|
||
<input id="qxbtn" type="button" style="margin-left:0.8em; width:9em;border-radius:0.5em;" class="mybtn hovered" onclick="hideshowthjto(0);" value="取消">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layer" onclick='$(".layer").fadeOut();'>
|
||
<img src="/images/jt.png" alt="">
|
||
</div>
|
||
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
||
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
|
||
</html>
|
||
|