Skip to content

libai / web.yazhai.co

Go to a project
Commit 61ec488b by libai
Options

测试

parent f58eb35a
Expand all
Inline Side-by-side
Showing with 616 additions and 2 deletions
guodongRecharge/css/index.css
......@@ -185,8 +185,199 @@
}
.recording {
color: #212121;
position: absolute;
right: 0.2rem;
top: 0.2rem;
font-size: 0.32rem;
position: absolute;
}
.recording2 {
color: #00D9D9;
font-size: 0.4rem;
text-decoration: underline;
position: absolute;
top: 0.65rem;
right: 0.6rem;
}
.reg-top-box {
height: 1.8rem;
width: 10rem;
position: relative;
}
.reg-top-face {
width: 1rem;
height: 1rem;
border-radius: 50%;
position: absolute;
left: 0.6rem;
top: 0.4rem;
}
.reg-top-p1 {
font-size: 0.4rem;
color: #1D1D1D;
text-indent: 1.9rem;
padding-top: 0.42rem;
}
.reg-top-p2 {
text-indent: 1.9rem;
color: #515858;
font-size: 0.3rem;
line-height: 0.6rem;
}
.reg-top-p2 img {
width: 0.55rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.reg-nav {
width: 9rem;
margin: 0 auto;
height: 2.9rem;
border-radius: 0.2rem;
position: relative;
}
.reg-title {
color: #2A2A2A;
font-size: 0.35rem;
font-weight: 700;
line-height: 1.2rem;
text-indent: 0.75rem;
position: relative;
}
.reg-underbox {
background: #05E2E2;
width: 0.4rem;
height: 0.09rem;
border-radius: 1rem;
position: absolute;
top: 0.9rem;
left: 1.3rem;
}
.new-reg-ul {
width: 9.15rem;
margin: 0 auto;
min-height: 5rem;
}
.new-reg-ul li {
width: 2.85rem;
height: 2.2rem;
border: 1px solid #D9D7D7;
float: left;
margin-right: 0.22rem;
margin-bottom: 0.22rem;
border-radius: 0.2rem;
}
.new-reg-ul li:nth-child(3n) {
margin-right: 0;
}
.new-reg-li {
position: relative;
}
.new-reg-li .hot-icon {
width: 0.82rem;
position: absolute;
right: -0.1rem;
top: -0.1rem;
}
.new-reg-li > p:nth-child(1) {
color: #1E1E1E;
font-size: 0.45rem;
text-align: center;
padding-top: 0.4rem;
font-weight: 700;
}
.new-reg-li > p:nth-child(1) img {
width: 0.55rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.new-reg-li > p:nth-child(2) {
text-align: center;
padding-top: 0.1rem;
font-size: 0.4rem;
color: #A0A0A0;
}
.new-reg-li-click {
background: #E4F9F9;
border: 1px solid #0CDEDE !important;
}
.new-pay-tips {
color: #2A2A2A;
font-size: 0.35rem;
font-weight: 700;
line-height: 1.2rem;
text-indent: 0.75rem;
position: relative;
}
.new-pay-tips .pay-underbox {
background: #05E2E2;
width: 0.4rem;
height: 0.09rem;
border-radius: 1rem;
position: absolute;
top: 0.9rem;
left: 1.3rem;
}
.new-pay-more {
margin-left: 0.62rem;
}
.new-pay-more li {
width: 2.8rem;
height: 1.06rem;
line-height: 1.06rem;
background: url(../images/new-more-no.png) no-repeat;
background-size: 100% 100%;
float: left;
margin-right: 0.3rem;
text-align: center;
}
.new-pay-more .new-more-click {
background: url(../images/new-more-click.png) no-repeat;
background-size: 100% 100%;
}
.weipay img {
height: 0.54rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.alipay img {
height: 0.65rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.new-pay-btn {
width: 7.5rem;
height: 1.2rem;
background: #05E2E2;
text-align: center;
line-height: 1.2rem;
color: #017373;
}
.new-pay-btn {
color: #016A6A;
text-align: center;
line-height: 1.2rem;
font-size: 0.45rem;
font-weight: 700;
border-radius: 1rem;
margin: 0 auto;
margin-top: 0.6rem;
}
.swiper-slide {
width: 9rem;
height: 2.9rem;
border-radius: 0.2rem;
overflow: hidden;
}
.swiper-slide > img {
width: 9rem;
height: 2.9rem;
}
.swiper-pagination {
bottom: -18px;
margin: 0 auto;
width: 9rem;
}
.swiper-pagination-bullet {
margin-right: 0.05rem;
margin-left: 0.05rem;
}
guodongRecharge/css/index.less
......@@ -193,4 +193,198 @@
right: 0.2rem;
top: 0.2rem;
font-size: 0.32rem;
position: absolute;
}
.recording2{
color: #00D9D9;
font-size: 0.4rem;
text-decoration: underline;
position: absolute;
top: 0.65rem;
right: 0.6rem;
}
.reg-top-box{
height: 1.8rem;
width: 10rem;
// background: pink;
position: relative;
}
.reg-top-face{
width: 1rem;
height: 1rem;
border-radius: 50%;
position: absolute;
left: 0.6rem;
top: 0.4rem;
}
.reg-top-p1{
font-size: 0.4rem;
color: #1D1D1D;
text-indent: 1.9rem;
padding-top: 0.42rem;
}
.reg-top-p2{
text-indent: 1.9rem;
color: #515858;
font-size: 0.3rem;
line-height: 0.6rem;
img{
width: 0.55rem;
vertical-align: middle;
margin-top: -0.05rem;
}
}
.reg-nav{
width: 9rem;
margin: 0 auto;
height: 2.9rem;
// background: pink;
border-radius: 0.2rem;
position: relative;
}
.reg-title{
color: #2A2A2A;
font-size: 0.35rem;
font-weight: 700;
line-height: 1.2rem;
text-indent: 0.75rem;
position: relative;
}
.reg-underbox{
background: #05E2E2;
width: 0.4rem;
height: 0.09rem;
border-radius: 1rem;
position: absolute;
top: 0.9rem;
left: 1.3rem;
}
.new-reg-ul{
width: 9.15rem;
margin: 0 auto;
min-height: 5rem;
li{
width: 2.85rem;
height: 2.2rem;
border: 1px solid #D9D7D7;
float: left;
margin-right: 0.22rem;
margin-bottom: 0.22rem;
border-radius: 0.2rem;
}
li:nth-child(3n){
margin-right: 0;
}
}
.new-reg-li{
position: relative;
.hot-icon{
width: 0.82rem;
position: absolute;
right: -0.1rem;
top: -0.1rem;
}
>p:nth-child(1){
color: #1E1E1E;
font-size: 0.45rem;
text-align: center;
padding-top: 0.4rem;
font-weight: 700;
img{
width: 0.55rem;
vertical-align: middle;
margin-top: -0.05rem;
}
}
>p:nth-child(2){
text-align: center;
padding-top: 0.1rem;
font-size: 0.4rem;
color: #A0A0A0;
}
}
.new-reg-li-click{
background: #E4F9F9;
border: 1px solid #0CDEDE !important;
}
.new-pay-tips{
color: #2A2A2A;
font-size: 0.35rem;
font-weight: 700;
line-height: 1.2rem;
text-indent: 0.75rem;
position: relative;
.pay-underbox{
background: #05E2E2;
width: 0.4rem;
height: 0.09rem;
border-radius: 1rem;
position: absolute;
top: 0.9rem;
left: 1.3rem;
}
}
.new-pay-more{
margin-left: 0.62rem;
li{
width: 2.8rem;
height: 1.06rem;
line-height: 1.06rem;
background: url(../images/new-more-no.png)no-repeat;
background-size: 100% 100%;
float: left;
margin-right: 0.3rem;
text-align: center;
}
.new-more-click{
background: url(../images/new-more-click.png)no-repeat;
background-size: 100% 100%;
}
}
.weipay img{
height: 0.54rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.alipay img{
height: 0.65rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.new-pay-btn{
width: 7.5rem;
height: 1.2rem;
background:#05E2E2;
text-align: center;
line-height: 1.2rem;
color: #017373;
}
.new-pay-btn{
color: #016A6A;
text-align: center;
line-height: 1.2rem;
font-size: 0.45rem;
font-weight: 700;
border-radius: 1rem;
margin: 0 auto;
margin-top: 0.6rem;
}
.swiper-slide{
width: 9rem;
height: 2.9rem;
border-radius: 0.2rem;
overflow: hidden;
>img{
width: 9rem;
height: 2.9rem;
}
}
.swiper-pagination{
bottom: -18px;
margin: 0 auto;
width: 9rem;
}
.swiper-pagination-bullet{
margin-right: 0.05rem;
margin-left: 0.05rem;
}
\ No newline at end of file
guodongRecharge/index2.html
......@@ -88,6 +88,7 @@
}
return theRequest;
}
if(sessionStorage.pkg=='undefined')sessionStorage.pkg='yabo'
if(sessionStorage.os=='undefined')sessionStorage.os='web'
if(sessionStorage.cid=='undefined')sessionStorage.cid='gf'
......@@ -112,7 +113,8 @@
success: function (msg) {
console.log(msg)
var html=[];
for(var i=0;i<msg.data.third.length;i++){
for(var i=0;i<6;i++){
if(msg.data.third[i]==undefined)break;
if(msg.data.third[i].amount==100)html+='<li class="reg-click" data-type='+msg.data.third[i].amount+'>';
else html+='<li data-type='+msg.data.third[i].amount+'>';
html+='<p><img src="images/diamond.png?v=20210514">'+msg.data.third[i].diamond+'</p>';
......
guodongRecharge/newIndex2.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>优惠充值</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index2.css?v='2021051403'">
<script src="lib/fsize.js"></script>
<style>
.bg{
width: 10rem;
height: 12.25rem;
}
.reg-ul{
}
</style>
</head>
<body style="background:rgba(0,0,0,0)">
<div class="bg">
<p class="title-p">充值 <span>联系客服</span></p>
<ul class="reg-ul clearfix">
<!-- <li class="reg-click">
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
<img class="hot" src="images/hot.png?v=20210514" alt="">
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
<img class="hot" src="images/hot.png?v=20210514" alt="">
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png?v=20210514">300</p>
<p>¥30</p>
</li> -->
</ul>
<p class="pay-title">选择支付方式</p>
<ul class="pay-ul">
<li data-type='weipay' class="pay-click"><img src="images/weipay2.png?v=20210514" alt=""><span>微信支付</p><img class="pay-icon" src="images/pay-click.png?v=20210514" alt=""></li>
<li data-type='alipay'><img src="images/alipay2.png?v=20210514" alt=""><span>支付宝</p><img class="pay-icon" src="images/pay-click.png?v=20210514" alt=""></li>
</ul>
<div class="bottom-box">
余额 :<img src="images/diamond.png?v=20210514"><span>25</span>
<div class="reg-btn">确认充值</div>
</div>
</div>
<div style="display: none;" class="alipay"></div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
// var $ip = "http://test.pay.ishuaji.cn";
var $ip="https://pay.ishuaji.cn";
var cdn = "https://zhibocdn.ishuaji.cn/comm";
var money=100
payOk = true;
moneyBl = true;
payBl = true;
if (sessionStorage.kkk == undefined) {
var bbb = location.href;
var data = url_get_params(bbb)
sessionStorage.kkk = data.token; //t
sessionStorage.bbb = data.uid; //u
sessionStorage.cid = data.cid;
sessionStorage.pkg = data.pkg;
sessionStorage.os = data.os;
sessionStorage.appversion=data.appversion
}
function url_get_params(url_path) {
var url = url_path;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
if(sessionStorage.pkg=='undefined')sessionStorage.pkg='yabo'
if(sessionStorage.os=='undefined')sessionStorage.os='web'
if(sessionStorage.cid=='undefined')sessionStorage.cid='gf'
sessionStorage.pay="weipay"
$(".pay-ul li").on("click",function(){
$(this).siblings("li").removeClass("pay-click")
$(this).addClass("pay-click")
sessionStorage.pay=$(this).attr("data-type");
})
$.ajax({
url:$ip+"/user/auth/"+sessionStorage.bbb+'/'+sessionStorage.kkk,
type:"post",
success: function (msg) {
var data=JSON.parse(msg);
$(".bottom-box span").text(data.diamond)
}
})
$.ajax({
url: $ip + "/pay/normal/recharge.html",
dataType: "json",
type: "get",
success: function (msg) {
console.log(msg)
var html=[];
for(var i=0;i<msg.data.third.length;i++){
if(msg.data.third[i].amount==100)html+='<li class="reg-click" data-type='+msg.data.third[i].amount+'>';
else html+='<li data-type='+msg.data.third[i].amount+'>';
html+='<p><img src="images/diamond.png?v=20210514">'+msg.data.third[i].diamond+'</p>';
html+='<p>¥'+msg.data.third[i].amount+'</p>';
if(msg.data.third[i].addnum!=0)html += '<div class=hot-box><span>送<img src="images/diamond.png?v=20210514">' + msg.data.third[i].addnum + '</span></div>'
// if(msg.data.third[i].sale==1)html+='<img class="hot" src="images/hot.png?v=20210514" alt="">'
html+='</li>';
}
$(".reg-ul").html(html);
$(".reg-ul li").on("click",function(){
$(this).siblings("li").removeClass("reg-click");
$(this).addClass("reg-click")
money=$(this).attr("data-type")
})
}
})
$(".reg-btn").on("click",function(){
if(money==0){
layer.msg("请选择充值金额")
return
}
if(sessionStorage.pay=='weipay'){
$.ajax({
url: $ip+"/order/h5/wechat.html",
dataType: "json",
type: "post",
data: {
'uid': sessionStorage.bbb,
'amount': money,
'pkg':'qiezi',
'cid':sessionStorage.cid,
'os':sessionStorage.os
},
success: function (msg) {
console.log(msg);
payOk = true;
window.location.href=msg.result.payInfo.url;
}
})
}else if(sessionStorage.pay=='alipay'){
$.ajax({
url: $ip + "/order/h5/alipay.html",
dataType: "json",
type: "get",
data: {
'uid': sessionStorage.bbb,
'amount': money,
'pkg':sessionStorage.pkg,
'cid':sessionStorage.cid,
'os':sessionStorage.os
},
success: function (msg) {
console.log(msg);
var html = [];
payOk = true
html += msg.html;
$(".alipay").html(html);
}
})
}
})
$(".title-p span").on("click", function () {
var obj2 = {
"cid": 4,
"reqCode": new Date().getTime(),
"data": {
"msg": "请求客服",
}
}
var obj = JSON.stringify(obj2);
appCollaboration(obj)
})
//实现和客户端沟通
function appCollaboration(msg) {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
}
else if (bIsAndroid) {
window.yazhai.appCollaboration(msg);
} else if (bIsIphoneOs || bIsIpad) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
}
}
//客户端回调结果
function appCallback(msg) {
console.log(msg);
}
</script>
</html>
\ No newline at end of file
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 sign in to comment