Skip to content

libai / sf

Go to a project
Commit 7c5dd1b3 by qiaomu
Options

two

parent 2c0c595a
Inline Side-by-side
Showing with 503 additions and 0 deletions
sudoke/css/index.css 0 → 100644
.wxkiting .user-info {
font-size: 0;
padding: 0.4rem 0;
border-bottom: 2px solid #EEEEEE;
}
.wxkiting .user-info .avatar {
display: inline-block;
vertical-align: top;
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
margin: 0 0.4rem;
}
.wxkiting .user-info .info {
display: inline-block;
vertical-align: top;
}
.wxkiting .user-info .name {
font-size: 0.5rem;
color: #333;
padding: 0.1rem 0.05rem 0 0;
}
.wxkiting .user-info .uid {
font-size: 0.38rem;
color: #666;
}
.wxkiting .earnings {
width: 100%;
height: 1.35rem;
text-align: center;
color: #333;
border-bottom: 2px solid #eee;
padding: 0.7rem 0;
}
.wxkiting .earnings .left {
width: 50%;
float: left;
border-right: 2px solid #eee;
box-sizing: border-box;
}
.wxkiting .earnings .right {
width: 50%;
float: right;
}
.wxkiting .earnings .line1 {
font-size: 0.4rem;
padding: 0.05rem 0;
}
.wxkiting .earnings .line2 {
font-size: 0.5rem;
}
.wxkiting .earnings .dw {
font-size: 0.4rem;
font-style: oblique;
}
.wxkiting .form-box {
height: 1.15rem;
line-height: 1.15rem;
font-size: 0.5rem;
margin: 0 0.4rem;
color: #000;
border-bottom: 2px solid #eee;
}
.wxkiting .form-box .label {
float: left;
}
.wxkiting .form-box .dot {
float: left;
padding-left: 0.5rem;
}
.wxkiting .form-box .input {
width: 5rem;
float: left;
height: 1.15rem;
line-height: 1.2rem;
font-size: 0.5rem;
font-size: 0.6rem;
}
.wxkiting .note {
color: #999;
text-align: center;
padding: 0.5rem 0 0.3rem 0;
font-size: 0.3rem;
}
.wxkiting .sub {
width: 8rem;
height: 1.15rem;
line-height: 1.15rem;
background: #05BE01;
color: #fff;
text-align: center;
font-size: 0.5rem;
margin: 0.4rem auto;
border-radius: 0.2rem;
}
.wxkiting .por {
font-size: 0.5rem;
text-align: center;
color: #999;
}
.wxkiting .black-bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
display: none;
}
.wxkiting .black-bg .alert_info {
font-size: 0.4rem;
display: inline-block;
min-width: 3rem;
max-width: 8rem;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background: #fff;
text-align: center;
border-radius: 0.2rem;
padding: 0.05rem;
}
.wxkiting .alert {
font-size: 0.4rem;
display: none;
min-width: 3rem;
max-width: 8rem;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background: #000;
text-align: center;
border-radius: 0.2rem;
padding: 0.05rem;
color: #fff;
}
.wxkitingSuccess .wxkitingSuccess-img {
display: block;
width: 6rem;
margin: 0 auto;
margin-top: 1rem;
}
sudoke/css/index.less 0 → 100644
.wxkiting {
.user-info {
font-size: 0;
padding: 0.4rem 0;
border-bottom: 2px solid #EEEEEE;
.avatar {
display: inline-block;
vertical-align: top;
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
margin: 0 0.4rem;
}
.info {
display: inline-block;
vertical-align: top;
}
.name {
font-size: 0.5rem;
color: #333;
padding: 0.1rem 0.05rem 0 0;
}
.uid {
font-size: 0.38rem;
color: #666;
}
}
.earnings {
width: 100%;
height: 1.35rem;
text-align: center;
color: #333;
border-bottom: 2px solid #eee;
padding: 0.7rem 0;
.left {
width: 50%;
float: left;
border-right: 2px solid #eee;
box-sizing: border-box;
}
.right {
width: 50%;
float: right;
}
.line1 {
font-size: 0.4rem;
padding: 0.05rem 0;
}
.line2 {
font-size: 0.5rem;
}
.dw {
font-size: 0.4rem;
font-style: oblique;
}
}
.form-box {
height: 1.15rem;
line-height: 1.15rem;
font-size: 0.5rem;
margin: 0 0.4rem;
color: #000;
border-bottom: 2px solid #eee;
.label {
float: left;
}
.dot {
float: left;
padding-left: 0.5rem;
}
.input {
width: 5rem;
float: left;
height: 1.15rem;
line-height: 1.2rem;
font-size: 0.5rem;
font-size: 0.6rem;
}
}
.note {
color: #999;
text-align: center;
padding: 0.5rem 0 0.3rem 0;
font-size: 0.3rem;
}
.sub {
width: 8rem;
height: 1.15rem;
line-height: 1.15rem;
background: #05BE01;
color: #fff;
text-align: center;
font-size: 0.5rem;
margin: 0.4rem auto;
border-radius: 0.2rem;
}
.por {
font-size: 0.5rem;
text-align: center;
color: #999;
}
.black-bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
display: none;
.alert_info {
font-size: 0.4rem;
display: inline-block;
min-width: 3rem;
max-width: 8rem;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
background: #fff;
text-align: center;
border-radius: 0.2rem;
padding: 0.05rem;
}
}
.alert {
font-size: 0.4rem;
display: none;
min-width: 3rem;
max-width: 8rem;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
background: #000;
text-align: center;
border-radius: 0.2rem;
padding: 0.05rem;
color: #fff;
}
}
.wxkitingSuccess {
.wxkitingSuccess-img {
display: block;
width: 6rem;
margin: 0 auto;
margin-top: 1rem;
}
}
\ No newline at end of file
sudoke/css/reset.css 0 → 100644
@charset "utf-8";
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{margin:0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; background:#fff; overflow:visible; color:#666666;}
html, body { height: 100%;}
input,select{font-size:12px;line-height:16px; border:0 none; vertical-align:middle;}
button{ border:0 none;}
.clear{clear:both;padding:0px;margin:0px;}
img{border:0;}
a {outline: none;}
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;
}
@font-face {font-family: "yzfont";
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg') format('svg'); /* iOS 4.1- */
}
::-webkit-scrollbar {display:none}
input {-webkit-appearance:none; /*去除input默认样式*/}
\ No newline at end of file
sudoke/img/wxkiting.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1530239306747" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1153" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M587 414.61H437a50.15 50.15 0 0 1-50-50 50.15 50.15 0 0 1 50-50h150a50.15 50.15 0 0 1 50 50 50.15 50.15 0 0 1-50 50z m414.39 30.45a45.13 45.13 0 0 0-63.64 0l-25.53 25.53q-1.58-16.63-4.54-33.2A400.12 400.12 0 0 0 235.28 221a50 50 0 1 0 69.59 71.82A300 300 0 0 1 806.5 574.17a50 50 0 0 0 89.8 39.62l105.09-105.09a45.13 45.13 0 0 0 0-63.64zM798 718.59a50 50 0 0 0-70.71 0.35c-73.39 74.15-177.89 104.71-279.52 81.75A300 300 0 0 1 221.25 442a50 50 0 0 0-56.76-60.37 44.74 44.74 0 0 0-21.68 9.12 50.53 50.53 0 0 0-8.92 8.44L25.61 507.42a45.13 45.13 0 0 0 0 63.64 45.13 45.13 0 0 0 63.64 0l26.22-26.21q1.57 17 4.61 33.88a400.25 400.25 0 0 0 509.23 312.38A402.61 402.61 0 0 0 798.38 789.3a50 50 0 0 0-0.38-70.71z m-161-214a50.15 50.15 0 0 0-50-50H437a50.15 50.15 0 0 0-50 50 50.15 50.15 0 0 0 50 50h150a50.15 50.15 0 0 0 50-49.98z m0 140a50.15 50.15 0 0 0-50-50H437a50.15 50.15 0 0 0-50 50 50.15 50.15 0 0 0 50 50h150a50.15 50.15 0 0 0 50-49.98z" fill="#ff6600" p-id="1154"></path></svg>
\ No newline at end of file
sudoke/index.html
......@@ -28,6 +28,12 @@
<span>时长查询</span>
</a>
</div>
<div class="cont">
<a href="wxkiting.html">
<img class="svg" src="img/wxkiting.svg" alt="">
<span>小券提现</span>
</a>
</div>
<div class="clearfix"></div>
</div>
<div class="weui_dialog_alert dialog-box" id="tips">
......
sudoke/wxkiting.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小券提现</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script type="text/javascript" src="js/fsize.js"></script>
<link rel="stylesheet" href="css/weui.min.css">
</head>
<body>
<div class="wxkiting">
<div class="user-info">
<img src="img/avatar.png" class="avatar" alt="">
<div class="info">
<p class="name"></p>
<p class="uid">丫号：</p>
</div>
</div>
<div class="earnings">
<div class="left">
<p class="line1">小券</p>
<p class="line2 xq"></p>
</div>
<div class="right">
<p class="line1">当前收益</p>
<p class="line2 rmb">345356 <span class="dw">RMB</span></p>
</div>
</div>
<div class="form-box">
<span class="label">提现金额</span>
<span class="dot">￥</span>
<input class="input" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
</div>
<div class="note">温馨提示:提现金额最低为100且必须为100的倍数</br>10000小券=100RMB</div>
<div class="sub">提现</div>
<div class="por">©2019深圳压寨网络有限公司</div>
<div class="black-bg">
<div class="alert_info">阿大声道</div>
</div>
<div class="alert">asdasd</div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script>
$ip = 'https://zhiboweb.ishuaji.cn/';
var txToken;
$.ajax({
url: $ip + 'wx/getUserInfoBonds.html',
dataType: "json",
data: {
uid: sessionStorage.bbb,
token: sessionStorage.kkk
},
type: "get",
success: function(res) {
console.log(res);
if (res.code == 1) {
txToken = res.token;
$(".uid").html('丫号：' + res.base.uid);
$(".avatar").attr("src",'https://zhibocdn.ishuaji.cn/comm' + res.base.face);
$(".name").html(res.base.nickname);
var xq = res.user.bonds - res.user.cashbonds - res.user.fbonds;
var rmb = parseInt((xq)/100);
var input = parseInt(rmb/100) * 100;
$(".xq").html(xq);
$(".rmb").html(rmb);
$(".input").val(input);
}
},
error: function() {
/* dialog(1,"抱歉，服务器无响应,请稍后再试"); */
$(".black-bg").show();
$(".alert_info").html('抱歉，服务器无响应,请稍后再试');
}
});
var time1;
$(".sub").click(function () {
var num = $(".input").val();
if(num < 100 || num % 100 != 0) {
$(".alert").css('display','inline-block');
$(".alert").html("提现金额最低为100且必须为100的倍数");
clearTimeout(time1);
time1 = setTimeout(function () {
$(".alert").css('display','none');
},2000);
return ;
}
if(num > parseInt($(".rmb").html())) {
$(".alert").css('display','inline-block');
$(".alert").html("您的当前收益不足!");
clearTimeout(time1);
time1 = setTimeout(function () {
$(".alert").css('display','none');
},2000);
return ;
}
if(!confirm("确定提现吗！")) {
return ;
}
$.ajax({
url: $ip + 'wx/withdraw',
dataType: "json",
data: {
uid: sessionStorage.bbb,
token: txToken,
money: $(".input").val()
},
type: "get",
success: function(res) {
if(res.code == 1) {
location.href = "wxkitingSuccess.html";
}else {
$(".alert").css('display','inline-block');
$(".alert").html(res.msg);
clearTimeout(time1);
time1 = setTimeout(function () {
$(".alert").css('display','none');
},2000);
}
},
error: function() {
/* dialog(1,"抱歉，服务器无响应,请稍后再试"); */
$(".black-bg").show();
$(".alert_info").html('抱歉，服务器无响应,请稍后再试。');
}
});
});
</script>
</html>
\ No newline at end of file
sudoke/wxkitingSuccess.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小券提现</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script type="text/javascript" src="js/fsize.js"></script>
<link rel="stylesheet" href="css/weui.min.css">
</head>
<body>
<div class="wxkitingSuccess">
<img class="wxkitingSuccess-img" src="img/wxkitingSuccess.jpg" alt="">
</div>
</body>
</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