Skip to content

libai / guodong

Go to a project
Commit 07d4b628 by libai
Options

测试

parent 00c3847c
Inline Side-by-side
Showing with 768 additions and 26 deletions
css/base.css
/*初始化 reset*/ /*初始化 reset*/
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,ul{margin:0;padding:0;color: #444444; @charset "utf-8";
font-family: 宋体;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,font,em,i,b,strong,button{margin:0;padding:0;}
body,button,input{font:12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif} body{margin:0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; background:#fff; overflow:visible; color:#333333;}
h1,h2,h3,h4,h5,h6,button,input{font-size:100%} html, body { height: 100%;}
ol,ul{list-style:none} input,select{font-size:12px;line-height:16px; border:0 none; vertical-align:middle;}
a{text-decoration:none; button{ border:0 none;}
color: #333333;} .clear{clear:both;padding:0px;margin:0px;}
a:hover{text-decoration:none;} img{border:0;}
img{border:0;vertical-align:top;} a {outline: none;}
a,button{cursor:pointer;} a:active {star:expression(this.onFocus=this.blur());}
a:focus { outline:0; }
input,button,select,textarea{outline:none}
ul,li{list-style-type:none;_list-style:outside;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#ff6600;}
/* new clearfix清除浮动 */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: block;zoom:1 }
* html .clearfix {height: 1%; zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
html[xmlns] .clearfix { display: block; zoom:1}
/*清除浮动-end*/
h1,h2,h3,h4,h5,h6{font-weight: normal}
/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-only;
}
/*清除浮动*/ /*清除浮动*/
.clearfix:after{ .w{
content: ""; width: 1200px;
display: block; margin: 0 auto;
height: 0;
line-height: 0;
clear:both;
visibility: hidden;
overflow:hidden;
} }
.clearfix{ button{
zoom:1; cursor: pointer;
outline:none;
} }
input[type=number] {
/*.w{*/ -moz-appearance:textfield;
/*width:1340px;*/ }
/*margin:0 auto;*/ input[type=number]::-webkit-inner-spin-button,
/*}*/ input[type=number]::-webkit-outer-spin-button {
\ No newline at end of file -webkit-appearance: none;
margin: 0;
}
::-webkit-scrollbar{
display:none;
}
/*版芯*/
\ No newline at end of file
css/phonepay.css 0 → 100644
.bg {
width: 10rem;
margin: 0 auto;
position: relative;
}
.hot {
width: 0.84rem;
position: absolute;
left: -0.25rem;
top: -0.2rem;
}
.input-box {
width: 8.8rem;
height: 0.9rem;
position: relative;
border: 1px solid #E4E4E4;
margin: 0 auto;
border-radius: 0.1rem;
text-align: center;
}
.input-box .ok-click {
position: absolute;
top: 0.13rem;
right: 0.18rem;
width: 1.3rem;
height: 0.64rem;
line-height: 0.64rem;
text-align: center;
color: #723700;
font-size: 0.33rem;
font-weight: 700;
border-radius: 2rem;
background: linear-gradient(to right, #FBE7AC, #F7C86C);
}
.input-box input {
height: 0.9rem;
width: 7rem;
text-align: center;
font-size: 0.35rem;
margin-left: -1.3rem;
}
.pay-ul {
width: 9.3rem;
min-height: 6rem;
margin: 0 auto;
}
.pay-ul li {
position: relative;
height: 1.634rem;
width: 4.351rem;
border: 1px solid #E5E5E5;
float: left;
margin-bottom: 0.3rem;
border-radius: 0.1rem;
}
.pay-ul li p {
line-height: 0.55rem;
height: 0.55rem;
font-size: 0.4rem;
text-align: center;
}
.pay-ul li p:nth-child(1) {
padding-top: 0.3rem;
}
.pay-ul li p:nth-child(2) {
color: #ABABAB;
font-size: 0.37rem;
}
.pay-ul li:nth-child(even) {
margin-left: 0.37rem;
}
.pay-ul .li-click {
background: url(../images/select.png) no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
.pay-tips {
color: #1C1C1C;
font-size: 0.33rem;
margin-left: 0.55rem;
margin-top: 0.3rem;
}
.payfor-ul {
margin-left: 0.55rem;
margin-top: 0.2rem;
}
.payfor-ul li {
float: left;
width: 2.84rem;
line-height: 1.06rem;
height: 1.06rem;
border: 1px solid #DBDBDB;
margin-right: 0.25rem;
border-radius: 0.1rem;
font-size: 0.35rem;
}
.payfor-ul li img {
font-size: 0;
width: 0.55rem;
vertical-align: middle;
margin-left: 0.3rem;
margin-right: 0.15rem;
}
.payfor-ul .payfor-click {
background: url(../images/pay-select.png) no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
.reg-btn {
width: 7.5rem;
height: 1.2rem;
margin: 0 auto;
}
.reg-btn {
width: 7.5rem;
height: 1.2rem;
border-radius: 1rem;
background: linear-gradient(to right, #FBE7AC, #F7C86C);
color: #723700;
line-height: 1.2rem;
text-align: center;
font-size: 0.45rem;
margin-top: 0.75rem;
}
.reg-btn-no {
background: #DFDFE1;
color: #fff;
}
.login-face {
display: none;
position: absolute;
width: 3.5rem;
height: 0.9rem;
line-height: 0.9rem;
left: 0;
top: 0;
color: #303030;
font-size: 0.35rem;
text-align: left;
}
.login-face img {
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
font-size: 0;
vertical-align: middle;
margin-top: -0.1rem;
margin-left: 0.25rem;
margin-right: 0.05rem;
}
.shadow {
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
position: fixed;
left: 0;
top: 0;
display: none;
}
.tips-box {
transition: 0.35s all;
position: fixed;
height: 13.5rem;
width: 10rem;
background: #FFFFFF;
border-radius: 0.5rem 0.5rem 0 0;
bottom: -13.5rem;
left: 0;
}
.tips-box h2 {
color: #D28A00;
text-align: center;
font-size: 0.4rem;
padding-top: 0.6rem;
margin-bottom: 0.4rem;
}
.tips-box p {
text-align: center;
color: #121212;
font-size: 0.35rem;
margin-bottom: 0.35rem;
margin-top: 0.2rem;
}
.tips-box div {
text-align: center;
}
.tips-box div img {
width: 5.61rem;
}
.id-tips-box {
width: 10rem;
height: 1rem;
background: #f0f0f0;
position: relative;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.id-tips-box .id-span {
color: #D59007;
font-size: 0.35rem;
position: absolute;
height: 1rem;
right: 0.6rem;
line-height: 1rem;
}
.id-tips-box .god-span {
position: absolute;
left: 0.6rem;
line-height: 1rem;
font-size: 0.35rem;
color: #FF205E;
}
css/phonepay.less 0 → 100644
.bg{
width: 10rem;
margin: 0 auto;
position: relative;
}
.hot{
width: 0.84rem;
position: absolute;
left: -0.25rem;
top: -0.2rem;
}
.input-box{
width: 8.8rem;
height: 0.9rem;
position: relative;
border: 1px solid #E4E4E4;
margin: 0 auto;
border-radius: 0.1rem;
text-align: center;
.ok-click{
position: absolute;
top: 0.13rem;
right: 0.18rem;
width: 1.3rem;
height: 0.64rem;
line-height: 0.64rem;
text-align: center;
color: #723700;
font-size: 0.33rem;
font-weight: 700;
border-radius: 2rem;
background: linear-gradient(to right,#FBE7AC,#F7C86C);
}
input{
height: 0.9rem;
width: 7rem;
text-align: center;
font-size: 0.35rem;
margin-left: -1.3rem;
}
}
.pay-ul{
width: 9.3rem;
min-height: 6rem;
margin: 0 auto;
li{
position: relative;
height: 1.634rem;
width: 4.351rem;
border: 1px solid #E5E5E5;
float: left;
margin-bottom: 0.3rem;
border-radius: 0.1rem;
p{
line-height: 0.55rem;
height: 0.55rem;
font-size: 0.4rem;
text-align: center;
}
p:nth-child(1){
padding-top: 0.3rem;
}
p:nth-child(2){
color: #ABABAB;
font-size: 0.37rem;
}
}
li:nth-child(even){
margin-left: 0.37rem;
}
.li-click{
background: url(../images/select.png)no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
}
.pay-tips{
color: #1C1C1C;
font-size: 0.33rem;
margin-left: 0.55rem;
margin-top: 0.3rem;
}
.payfor-ul{
margin-left: 0.55rem;
margin-top: 0.2rem;
li{
float: left;
width: 2.84rem;
line-height: 1.06rem;
height: 1.06rem;
border: 1px solid #DBDBDB;
margin-right: 0.25rem;
border-radius: 0.1rem;
img{
font-size: 0;
width: 0.55rem;
vertical-align: middle;
margin-left: 0.3rem;
margin-right: 0.15rem;
}
font-size: 0.35rem;
}
.payfor-click{
background: url(../images/pay-select.png)no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
}
.reg-btn{
width: 7.5rem;
height: 1.2rem;
margin: 0 auto;
}
.reg-btn{
width: 7.5rem;
height: 1.2rem;
border-radius: 1rem;
background: linear-gradient(to right,#FBE7AC,#F7C86C);
color: #723700;
line-height: 1.2rem;
text-align: center;
font-size: 0.45rem;
margin-top: 0.75rem;
}
.reg-btn-no{
background: #DFDFE1;
color: #fff;
}
.login-face{
display: none;
position: absolute;
width: 3.5rem;
height: 0.9rem;
line-height: 0.9rem;
left: 0;
top: 0;
color: #303030;
font-size: 0.35rem;
text-align: left;
img{
width: 0.7rem;
height: 0.7rem;
border-radius: 50%;
font-size: 0;
vertical-align: middle;
margin-top: -0.1rem;
margin-left: 0.25rem;
margin-right: 0.05rem;
}
}
.shadow{
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.7);
position: fixed;
left: 0;
top: 0;
display: none;
}
.tips-box{
transition: 0.35s all;
position: fixed;
height: 13.5rem;
width: 10rem;
background: #FFFFFF;
border-radius: 0.5rem 0.5rem 0 0;
bottom: -13.5rem;
left:0;
h2{
color: #D28A00;
text-align: center;
font-size: 0.4rem;
padding-top: 0.6rem;
margin-bottom: 0.4rem;
}
p{
text-align: center;
color: #121212;
font-size: 0.35rem;
margin-bottom: 0.35rem;
margin-top: 0.2rem;
}
div{
text-align: center;
img{
width: 5.61rem;
}
}
}
.id-tips-box{
width: 10rem;
height: 1rem;
background: rgb(240,240,240);
position: relative;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
.id-span{
color: #D59007;
font-size: 0.35rem;
position: absolute;
height: 1rem;
right: 0.6rem;
line-height: 1rem;
}
.god-span{
position: absolute;
left: 0.6rem;
line-height: 1rem;
font-size: 0.35rem;
color: #FF205E;
}
}
\ No newline at end of file
login.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>果冻充值登录</title>
<meta name="keywords" content="一对一直播,压寨直播,直播,泡泡宝盒,美女直播,美女视频,月光宝盒,视频直播,一直播,老虎直播,美女直播间,果冻直播">
<meta name="description" content="果冻直播，一个聚集超高颜值明星大咖、美女帅哥、热门网红、校花校草、逗比萌妹的手机直播社交平台，这里有美女单播、美女声播、才艺展示、生活趣闻、聊天互动、唱歌跳舞等等海量内容。果冻直播，美颜直播，创造主播潮流。">
<meta content="telephone=no,email=no" name=format-detection>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta name="format-detection" content="telephone=no,email=no,adress=no">
<meta http-equiv="Pragma" content="no-cache">
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/phonepay.css?v='2020070812'">
<script src="lib/fsize.js"></script>
</head>
<style>
.Safari{
display: none;
top: 0;
left: 0;
position: fixed;
width: 10rem;
height: 100vh;
background: rgba(0,0,0,0.9);
z-index: 1000;
}
.Safari img{
width: 10rem;
}
.layui-layer-msg{
top: 30% !important;
}
.payfor-ul li{
text-align: center;
}
.payfor-ul li img{
margin-left: 0;
}
.pay-gift{
position: absolute;
width: 1.35rem;
right: -0.12rem;
top: -0.03rem;
}
</style>
<body>
<div class="bg">
<div style="height: 1rem;"></div>
<div class="input-box">
<input placeholder="请输入您的ID，点击确认" type="number"> <div class="ok-click">确认</div>
<div class="login-face"><img src="http://zhibocdn.ishuaji.cn/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">笨小孩</div>
</div>
<div class="id-tips-box"><span class="god-span">请大哥确认此ID无误</span> <span class="id-span">如何获取ID?</span></div>
<ul class="pay-ul clearfix">
<!--<li class="li-click">-->
<!--<p>¥30</p>-->
<!--<p>300橙钻(送1000银币)</p>-->
<!--</li>-->
</ul>
<p class="pay-tips">选择支付方式</p>
<ul class="payfor-ul clearfix">
<li class="payfor-click"><img src="images/weichar.png" alt="">微信<i style="display: none">weipay</i></li>
<li><img src="images/alipay.png" alt="">支付宝<i style="display: none">alipay</i></li>
</ul>
<div class="reg-btn reg-btn-no">确定充值</div>
</div>
<div class="shadow"></div>
<div class="tips-box">
<h2>如何获取果冻ID?</h2>
<p>1.打开果冻直播，选择我的</p>
<div><img src="images/tips1.png" alt=""></div>
<p>2.在我的页面复制果冻ID</p>
<div><img src="images/tips2.png" alt=""></div>
</div>
<div class="Safari">
<img src="images/Safari.png" alt="">
</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="https://pay.ishuaji.cn";
var cdn="https://zhibocdn.ishuaji.cn/comm";
var ua = window.navigator.userAgent.toLowerCase();
sessionStorage.pay='weipay';
var amount=30
if (ua.match(/MicroMessenger/i) == 'micromessenger'||ua.match(/MicroMessenger/i) == 'QQ') {
$(".Safari").fadeIn(500);
}
$(".id-span").on("click", function () {
$(".shadow").fadeIn(350);
$(".tips-box").css("bottom","0rem");
})
$(".shadow,.tips-box").on("click", function () {
$(".shadow").fadeOut(350);
$(".tips-box").css("bottom","-13.5rem");
})
$.ajax({
url:$ip+'/pay/normal/recharge.html',
dataType:"json",
type:"get",
success: function (data) {
console.log('获取列表',data);
var html=[];
for(var i=0;i<data.data.third.length;i++){
var list=data.data.third[i];
if(i==0)html+='<li data-type="'+list.rid+'" class="li-click">';
else html+='<li data-type="'+list.rid+'">';
html+='<p>'+list.diamond+'橙钻</p>';
html+='<p>¥'+list.amount+'</p>';
html+='<i style="display: none">'+list.amount+'</i>'
if(list.addnum==180)html+='<img class="pay-gift" src="images/pay-gift.png">'
html+='</li>';
}
$(".pay-ul").html(html);
var rid=list.rid
$(".pay-ul li").unbind("click").on("click", function () {
$(".pay-ul li").removeClass("li-click")
$(this).addClass("li-click")
amount= $(this).children("i").text()
})
}
})
clickFun()
function clickFun(){
$(".ok-click").unbind("click").on("click", function () {
var uidVal=$(".input-box input").val()
if($(".input-box input").val()!=""){
$.ajax({
url:$ip+"/user/info/"+uidVal,
dataType:"json",
type:"post",
success: function (msg) {
console.log(msg)
if(msg.code==1){
$(".reg-btn").removeClass("reg-btn-no");
reg()
$(".login-face").html('<img src="http://zhibocdn.ishuaji.cn/comm'+msg.face+'?x-oss-process=image/resize,w_80" alt="">'+msg.nickname+'')
$(".login-face").show()
$(".login-name").text(msg.nickname)
sessionStorage.uid=$(".input-box input").val();
$(".ok-click").text("返回").addClass("out-click").unbind("click")
$(".input-box input").hide()
$(".out-click").unbind("click").on("click", function () {
$(".reg-btn").unbind("click")
$(".reg-btn").addClass("reg-btn-no");
$(".login-face").hide()
$(".input-box input").show()
$(".ok-click").text("确定").removeClass("out-click").unbind("click");
clickFun()
$(".reg-btn-no").unbind("click").on("click", function () {
layer.msg("请输入果冻ID并点击确认")
$(".input-box input").focus();
})
})
}
else layer.msg("您输入的ID有误，请重新输入")
}
})
}
else{
layer.msg("请输入果冻ID并点击确认")
$(".input-box input").focus();
}
})
}
$(".payfor-ul li").on("click", function () {
sessionStorage.pay=$(this).children("i").text()
$(".payfor-ul li").removeClass("payfor-click");
$(this).addClass("payfor-click")
})
$(".login-input").on("input", function () {
$(".login-face").attr("src","images/ping2.png");
$(".login-name").text("果冻直播昵称")
$(".login-tips").hide();
$(".login-btn").removeClass("login-btn-go");
})
if(sessionStorage.uid!='undefined'){
$(".input-box input").val(sessionStorage.uid)
var uidVal=$(".input-box input").val()
$.ajax({
url:$ip+"/user/info/"+uidVal,
dataType:"json",
type:"post",
success: function (msg) {
console.log(msg)
if(msg.code==1){
$(".reg-btn").removeClass("reg-btn-no");
reg()
$(".login-face").html('<img src="http://zhibocdn.ishuaji.cn/comm'+msg.face+'?x-oss-process=image/resize,w_80" alt="">'+msg.nickname+'')
$(".login-face").show()
$(".login-name").text(msg.nickname)
sessionStorage.uid=$(".input-box input").val();
$(".ok-click").text("返回").addClass("out-click").unbind("click")
$(".input-box input").hide()
$(".out-click").unbind("click").on("click", function () {
$(".reg-btn").unbind("click")
$(".reg-btn").addClass("reg-btn-no");
$(".login-face").hide()
$(".input-box input").show()
$(".ok-click").text("确定").removeClass("out-click").unbind("click");
clickFun()
$(".reg-btn-no").unbind("click").on("click", function () {
layer.msg("请输入果冻ID并点击确认")
$(".input-box input").focus();
})
})
}
else layer.msg("您输入的ID有误，请重新输入")
}
})
}
$(".reg-btn-no").on("click", function () {
layer.msg("请输入果冻ID并点击确认")
$(".input-box input").focus();
})
function reg(){
$(".reg-btn").unbind("click").on("click", function () {
if(sessionStorage.pay=="alipay"){
// window.open($ip+"/order/h5/alipay.html?"+"uid="+sessionStorage.uid+"&amount="+amount);
$.ajax({
url:$ip+"/order/h5/alipay.html",
dataType:"json",
type:"get",
data:{
'uid':sessionStorage.uid,
'amount':amount,
},
success: function (msg) {
console.log(msg);
var html=[];
html+=msg.html;
$("body").html(html);
}
})
}
else if(sessionStorage.pay=="weipay"){
$.ajax({
url:$ip+"/order/h5/wechat.html",
dataType:"json",
type:"post",
data:{
'uid':sessionStorage.uid,
'amount':amount,
'pkg':'zhibospicy'
},
success: function (msg) {
console.log(msg);
window.location.href=msg.result.payInfo.url;
}
})
}
})
}
//禁止双击放大
window.onload=function () {
document.addEventListener('touchstart',function (event) {
if(event.touches.length>1){
event.preventDefault();
}
});
//禁止双指放大
var lastTouchEnd=0;
document.addEventListener('touchend',function (event) {
var now=(new Date()).getTime();
if(now-lastTouchEnd<=300){
event.preventDefault();
}
lastTouchEnd=now;
},false);
document.addEventListener('gesturestart', function (event) {
event.preventDefault();
});
}
</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