Skip to content

libai / web.yazhai.co

Go to a project
Commit c1b1acf3 by libai
Options

测试

parent 55b92c2b
Expand all
Inline Side-by-side
Showing with 1624 additions and 0 deletions
phone/css/base.css 0 → 100644
/*初始化 reset*/
@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:#333333;}
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: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;
}
/*清除浮动*/
.w{
width: 1200px;
margin: 0 auto;
}
button{
cursor: pointer;
outline:none;
}
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
::-webkit-scrollbar{
display:none;
}
/*版芯*/
\ No newline at end of file
phone/css/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
phone/css/phonepay.css 0 → 100644
.bg {
position: relative;
width: 10rem;
margin: 0 auto;
}
.login-ul {
height: 1.37rem;
margin-bottom: 0.5rem;
margin-left: 0.45rem;
}
.login-ul li {
float: left;
line-height: 1.37rem;
font-size: 0.42rem;
color: #999999;
margin-right: 0.1rem;
}
.login-input-box p {
text-align: center;
color: #111111;
font-size: 0.42rem;
margin-bottom: 0.3rem;
}
.input-content {
position: relative;
width: 7.52rem;
height: 0.93rem;
margin: 0 auto;
background: url("../images/input.png") no-repeat;
background-size: 100% 100%;
}
.input-content input {
position: absolute;
border: none;
left: 0.2rem;
font-size: 0.35rem;
width: 5rem;
bottom: 0.065rem;
height: 0.8rem;
line-height: 0.93rem;
}
.input-content button {
position: absolute;
right: 0.1rem;
top: 0.1rem;
width: 1.02rem;
height: 0.73rem;
background: linear-gradient(to right, #ff8d00, #ff5200);
border: none;
border-radius: 0.1rem;
color: #ffffff;
box-shadow: 0rem 0.04rem 0.1rem #FFDFCD;
}
.login-face-box {
margin-top: 1rem;
text-align: center;
margin-bottom: 2rem;
}
.login-face-box p {
font-size: 0.39rem;
color: #111111;
text-align: center;
}
.login-face-box img {
margin-top: 0.45rem;
width: 1.7rem;
height: 1.7rem;
border-radius: 50%;
}
.login-face-box span {
display: block;
text-align: center;
color: #111111;
font-size: 0.35rem;
margin-top: 0.27rem;
}
.login-btn {
width: 7.5rem;
height: 1.2rem;
margin-left: 1.25rem;
background: #dfdfe1;
color: #ffffff;
font-size: 0.45rem;
border-radius: 1.2rem;
}
.payfor-btn-out {
width: 7.5rem;
height: 1.2rem;
margin-left: 1.25rem;
background: url("../images/payfor-btn.png") no-repeat;
background-size: 100% 100%;
color: #ff6600;
font-size: 0.45rem;
border-radius: 1.2rem;
}
.login-btn-go {
background: linear-gradient(to right, #ff8d00, #ff5200);
box-shadow: 0rem 0.06rem 0.1rem #FFDFCD;
}
.login-tips {
position: absolute;
color: red;
font-size: 0.3rem;
top: 0.95rem;
left: 0.1rem;
display: none;
}
.payfor-face {
position: absolute;
right: 0.6rem;
top: 0.25rem;
font-size: 0.3rem;
height: 1rem;
line-height: 1rem;
}
.payfor-face img {
vertical-align: middle;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
margin-top: -0.1rem;
}
.payfor-ul {
width: 9.8rem;
margin-left: 0.1rem;
}
.payfor-ul li {
position: relative;
float: left;
width: 4.2rem;
margin-left: 0.45rem;
height: 1.3rem;
border-radius: 0.15rem;
border: 0.025rem solid #E0E0E0;
margin-bottom: 0.3rem;
}
.payfor-ul li p {
text-align: center;
height: 0.65rem;
line-height: 0.55rem ;
}
.payfor-ul li .payfor-rmb {
color: #111111;
font-size: 0.4rem;
line-height: 0.8rem !important;
}
.payfor-ul li .payfor-zuan {
color: #999999;
font-size: 0.28rem;
line-height: 0.6rem !important;
}
.payfor-ul li .payfor-best {
position: absolute;
top: -0.2rem;
left: -0.2rem;
width: 0.58rem;
}
.payfor-ul .payfor-click {
background: url("../images/bg-click.png") no-repeat;
background-size: 100% 100%;
border: 0.025rem solid #ffffff;
}
.payfor-more {
margin-top: 0.6rem;
margin-left: 0.5rem;
}
.payfor-more p {
font-size: 0.32rem;
margin-bottom: 0.27rem;
}
.payfor-more ul li {
float: left;
width: 2.6rem;
height: 0.9rem;
border: 0.025rem solid #E0E0E0;
border-radius: 0.15rem;
margin-right: 0.18rem;
font-size: 0.3rem;
text-align: center;
line-height: 0.9rem;
}
.payfor-more ul li img {
vertical-align: middle;
width: 0.41rem;
margin-top: -0.04rem;
}
.payfor-button-box {
margin-top: 1.5rem;
}
.payfor-button-box button {
margin-bottom: 0.3rem;
}
.pay-click {
background: url("../images/pay-click.png") no-repeat;
background-size: 100% 100%;
border: 0.025rem solid #ffffff !important;
}
.paybox {
width: 5.75rem;
height: 4.17rem;
}
.paybox p {
font-size: 0.3rem;
text-align: center;
color: #111111;
padding-top: 0.6rem;
}
.paybox .layer-face img {
position: absolute;
left: 1rem;
top: 1.3rem;
height: 1.1rem;
width: 1.1rem;
border-radius: 50%;
}
.paybox .layer-uid {
position: absolute;
width: 3rem;
left: 2.3rem;
top: 1.3rem;
}
.paybox .layer-uid p {
text-align: left;
padding-top: 0.1rem;
}
#layui-layer1 {
border-radius: 0.2rem !important;
}
.layui-layer-ico {
width: 0.35rem !important;
height: 0.35rem !important;
background: url(../images/close.png) no-repeat !important;
background-size: 100% 100% !important;
top: -0.2rem !important;
right: -0.2rem !important;
}
.payfor-ok {
position: absolute;
bottom: -1.2rem;
left: -1rem;
width: 3.14rem;
height: 0.68rem;
color: #ffffff;
font-size: 0.4rem;
border-radius: 0.5rem;
background: linear-gradient(to right, #ff8d00, #ff5200);
box-shadow: 0rem 0.06rem 0.1rem #FFDFCD;
}
.pay-end {
width: 5.75rem;
height: 3.22rem;
}
.pay-end .p1 {
text-align: center;
color: #111111;
height: 1.28rem;
line-height: 1.28rem;
font-size: 0.3rem;
border-bottom: 0.02rem solid #E8E8E8;
}
.pay-end .p2 {
text-align: center;
color: #ff6600;
height: 0.95rem;
line-height: 0.95rem;
font-size: 0.3rem;
border-bottom: 0.02rem solid #E8E8E8;
}
.pay-end .p3 {
text-align: center;
height: 0.95rem;
line-height: 0.95rem;
font-size: 0.3rem;
border-bottom: 0.02rem solid #E8E8E8;
}
.yourclass2 .layui-layer-ico {
display: none;
}
input::-webkit-input-placeholder {
color: #e2e2e2;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #e2e2e2;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #e2e2e2;
}
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #e2e2e2;
}
phone/css/phonepay.less 0 → 100644
.bg{
position: relative;
width: 10rem;
margin: 0 auto;
}
.login-ul{
height: 1.37rem;
margin-bottom:0.5rem;
margin-left:0.45rem;
li{
float: left;
line-height: 1.37rem;
font-size: 0.42rem;
color: #999999;
margin-right:0.1rem;
}
}
.login-input-box{
p{
text-align: center;
color: #111111;
font-size: 0.42rem;
margin-bottom:0.3rem;
}
}
.input-content{
position: relative;
width: 7.52rem;
height: 0.93rem;
margin: 0 auto;
background: url("../images/input.png")no-repeat;
background-size: 100% 100%;
input{
position: absolute;
border: none;
left: 0.2rem;
font-size: 0.35rem;
width: 5rem;
bottom: 0.065rem;
height: 0.8rem;
line-height: 0.93rem;
}
button{
position: absolute;
right: 0.1rem;
top: 0.1rem;
width: 1.02rem;
height: 0.73rem;
background: linear-gradient(to right, #ff8d00 , #ff5200);
border: none;
border-radius: 0.1rem;
color: #ffffff;
box-shadow: 0rem 0.04rem 0.1rem #FFDFCD;
}
}
.login-face-box{
margin-top: 1rem;
text-align: center;
margin-bottom:2rem;
p{
font-size: 0.39rem;
color: #111111;
text-align: center;
}
img{
margin-top: 0.45rem;
width: 1.7rem;
height: 1.7rem;
border-radius: 50%;
}
span{
display: block;
text-align: center;
color: #111111;
font-size:0.35rem;
margin-top: 0.27rem;
}
}
.login-btn{
width: 7.5rem;
height: 1.2rem;
margin-left:1.25rem;
background: #dfdfe1;
color: #ffffff;
font-size:0.45rem;
border-radius: 1.2rem;
}
.payfor-btn-out{
width: 7.5rem;
height: 1.2rem;
margin-left:1.25rem;
background: url("../images/payfor-btn.png")no-repeat;
background-size: 100% 100%;
color: #ff6600;
font-size:0.45rem;
border-radius: 1.2rem;
}
.login-btn-go{
background: linear-gradient(to right, #ff8d00 , #ff5200);
box-shadow: 0rem 0.06rem 0.1rem #FFDFCD;
}
.login-tips{
position: absolute;
color: red;
font-size: 0.3rem;
top: 0.95rem;
left: 0.1rem;
display: none;
}
.payfor-face{
position: absolute;
right: 0.6rem;
top: 0.25rem;
font-size: 0.3rem;
height: 1rem;
line-height: 1rem;
img{
vertical-align: middle;
width: 0.6rem;
height: 0.6rem;
border-radius: 50%;
margin-top: -0.1rem;
}
}
.payfor-ul{
width: 9.8rem;
margin-left:0.1rem;
li{
position: relative;
float: left;
width: 4.2rem;
margin-left: 0.45rem;
height: 1.3rem;
border-radius: 0.15rem;
border: 0.025rem solid #E0E0E0;
margin-bottom: 0.3rem;
p{
text-align: center;
height: 0.65rem;
line-height: 0.55rem ;
}
.payfor-rmb{
color: #111111;
font-size: 0.4rem;
line-height: 0.8rem !important;
}
.payfor-zuan{
color: #999999;
font-size: 0.28rem;
line-height: 0.6rem !important;
}
.payfor-best{
position: absolute;
top: -0.2rem;
left: -0.2rem;
width: 0.58rem;
}
}
.payfor-click{
background: url("../images/bg-click.png")no-repeat;
background-size: 100% 100%;
border: 0.025rem solid #ffffff;
}
}
.payfor-more{
margin-top:0.6rem;
margin-left:0.5rem;
p{
font-size: 0.32rem;
margin-bottom:0.27rem;
}
ul{
li{
float: left;
width: 2.6rem;
height: 0.9rem;
border: 0.025rem solid #E0E0E0;
border-radius: 0.15rem;
margin-right: 0.18rem;
font-size: 0.3rem;
text-align: center;
line-height: 0.9rem;
img{
vertical-align: middle;
width: 0.41rem;
margin-top: -0.04rem;
}
}
}
}
.payfor-button-box{
margin-top:1.5rem;
button{
margin-bottom:0.3rem;
}
}
.pay-click{
background: url("../images/pay-click.png")no-repeat;
background-size: 100% 100%;
border: 0.025rem solid #ffffff !important;
}
.paybox{
width: 5.75rem;
height: 4.17rem;
p{
font-size: 0.3rem;
text-align: center;
color: #111111;
padding-top: 0.6rem;
}
.layer-face{
img{
position: absolute;
left: 1rem;
top: 1.3rem;
height: 1.1rem;
width: 1.1rem;
border-radius: 50%;
}
}
.layer-uid{
position: absolute;
width: 3rem;
left: 2.3rem;
top: 1.3rem;
p{
text-align: left;
padding-top:0.1rem;
}
}
}
#layui-layer1{
border-radius: 0.2rem !important;
}
.layui-layer-ico{
width: 0.35rem !important;
height: 0.35rem !important;
background: url(../images/close.png) no-repeat !important;
background-size: 100% 100% !important;
top: -0.2rem !important;
right: -0.2rem !important;
}
.payfor-ok{
position: absolute;
bottom: -1.2rem;
left: -1rem;
width: 3.14rem;
height: 0.68rem;
color: #ffffff;
font-size: 0.4rem;
border-radius: 0.5rem;
background: linear-gradient(to right, #ff8d00, #ff5200);
box-shadow: 0rem 0.06rem 0.1rem #FFDFCD;
}
.pay-end{
width: 5.75rem;
height: 3.22rem;
.p1{
text-align: center;
color: #111111;
height: 1.28rem;
line-height: 1.28rem;
font-size: 0.3rem;
border-bottom:0.02rem solid #E8E8E8;
}
.p2{
text-align: center;
color: #ff6600;
height: 0.95rem;
line-height: 0.95rem;
font-size: 0.3rem;
border-bottom:0.02rem solid #E8E8E8;
}
.p3{
text-align: center;
height: 0.95rem;
line-height: 0.95rem;
font-size: 0.3rem;
font-size: 0.3rem;
border-bottom:0.02rem solid #E8E8E8;
}
}
.yourclass2 .layui-layer-ico{
display: none;
}
input::-webkit-input-placeholder{
color:#e2e2e2;
}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#e2e2e2;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#e2e2e2;
}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#e2e2e2;
}
\ No newline at end of file
phone/layer-v3.1.0/layer/mobile/layer.js 0 → 100644
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
\ No newline at end of file
phone/layer-v3.1.0/layer/mobile/need/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
phone/layer-v3.1.0/test.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layer-更懂你的web弹窗解决方案</title>
<style>
html{background-color:#E3E3E3; font-size:14px; color:#000; font-family:'微软雅黑'}
a,a:hover{ text-decoration:none;}
pre{font-family:'微软雅黑'}
.box{padding:20px; background-color:#fff; margin:50px 100px; border-radius:5px;}
.box a{padding-right:15px;}
#about_hide{display:none}
.layer_text{background-color:#fff; padding:20px;}
.layer_text p{margin-bottom: 10px; text-indent: 2em; line-height: 23px;}
.button{display:inline-block; *display:inline; *zoom:1; line-height:30px; padding:0 20px; background-color:#56B4DC; color:#fff; font-size:14px; border-radius:3px; cursor:pointer; font-weight:normal;}
.photos-demo img{width:200px;}
</style>
<script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
<script src="layer/layer.js"></script>
</head>
<body>
<div class="box">
<pre>
@Name：layer-v<script>document.write(layer.v)</script> 弹层组件说明
@Author：贤心
@Site：<a href="http://layer.layui.com/" target="_blank">http://layer.layui.com/</a>
<strong>【注意事项】</strong>
一、使用时，请把文件夹layer整个放置在您站点的任何一个目录，只需引入layer.js即可，除jQuery外，其它文件无需再引入。
二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径，您可以通过layer.config()来配置（详见官网API页）
三、jquery需1.8+
四、更多使用说明与演示，请参见layer官网。
五、使用时请务必保留来源，请勿用于违反我国法律法规的web平台。
六、layer遵循MIT开源协议，将永久性提供无偿服务。
</pre>
</div>
<div class="box" style="text-align:center">
<a href="http://layer.layui.com/" target="_blank">更多示例</a>
<a href="http://www.layui.com/doc/modules/layer.html" target="_blank">使用文档</a>
<a href="http://fly.layui.com/" id="suggest">交流反馈</a>
<a href="javascript:;" id="about">关于</a>
</div>
<script>
;!function(){
//页面一打开就执行，放入ready是为了layer所需配件（css、扩展模块）加载完毕
layer.ready(function(){
layer.open({
type: 2,
title: '欢迎页',
maxmin: true,
area: ['800px', '500px'],
content: 'http://layer.layui.com/test/welcome.html',
end: function(){
layer.tips('Hi', '#about', {tips: 1})
}
});
});
//关于
$('#about').on('click', function(){
layer.alert(layer.v + ' - 贤心出品 sentsin.com');
});
}();
</script>
</body>
</html>
\ No newline at end of file
phone/layer-v3.1.0/文档/Layui社区.url 0 → 100644
[{000214A0-0000-0000-C000-000000000046}]
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://fly.layui.com/
IDList=
HotKey=0
IconIndex=0
IconFile=C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
phone/layer-v3.1.0/文档/jquery下载.url 0 → 100644
[{000214A0-0000-0000-C000-000000000046}]
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://code.jquery.com/jquery-1.11.3.min.js
IDList=
HotKey=0
phone/layer-v3.1.0/文档/layer官网.url 0 → 100644
[{000214A0-0000-0000-C000-000000000046}]
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://layer.layui.com/
IDList=
HotKey=0
phone/layer-v3.1.0/文档/layer文档.url 0 → 100644
[{000214A0-0000-0000-C000-000000000046}]
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://www.layui.com/doc/modules/layer.html
IDList=
HotKey=0
IconIndex=0
IconFile=C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
phone/layer-v3.1.0/更新日志.txt 0 → 100644
当前版本对上个版本无缝兼容，可直接覆盖升级。
当前版本对上个版本无缝兼容，可直接覆盖升级。
# v3.1.0 2017.09.13
* 紧急修复在最新版 Chrome（61.0.3163.79）下遮罩层出现的奇异花屏现象
* 增加maxHeight参数，用于设定弹层的最大高度
* 对默认按钮颜色、Tips层、Prompt层、Tab层等进行了样式微调，以便更显大气，且更符合layui风格
---
# v3.0.3 2017.03.06
* 增加参数 isOutAnim，用于控制是否显示关闭动画，true 或者 false
* 撤销自动ready处理机制，因为在初始时与Ajax同步等使用场景存在耦合等问题
* 修复Firefox下对默认层设置了高度，按钮被溢出的bug
* photos层的出场动画不再是随机，而是采用默认动画（也可以通过参数 anim 来自定义）
* 去除photos层的默认关闭动画（觉得觉得不闪眼的话，也可以通过参数isOutAnim开启）
---
# v3.0.2 2017.02.25
* 新增 resizing 回调，用于监听窗口的调整大小
* 增加自动ready处理机制，即如果你页面一打开就执行弹层，无需放入layer.ready中
* 对moveEnd回调返回一个参数为当前容器的DOM对象
* 添加一个amd条件,避免 define出错（Merge pull request #42 from wangyateng/master）
* 修复tab,photos,prompt弹层默认success回调被覆盖导致功能不正常的问题（来自github用户 @waychan23 的友情提醒）
* 完善多按钮场景换行的间距（之前是紧贴在一起，略不雅观）
* 弹出图片层的动画时间改为800ms
* 修复按方向键切换图片层过快时重复弹出的bug
* 修复与animate.css可能存在的动画冲突
---
# v3.0 2016.11.07
* 新增拖动弹层右下角可调节弹层尺寸的功能，由参数resize控制，默认开启。对loading、tips层无效
* offset参数新增 t、r、b、l、lt、lb、rt、rb、的赋值，可快捷实现上、右、下、左、左上角、左下角、右上角、右下角的边缘定位
* 新增btnAlign参数，支持三个参数：l/c/r，分别用于控制按钮居左、居中、居右的快捷设置（默认r，即居右）
* 点击最小化时，自动定位到页面左下角，在出现多个最小化时，会依次排列，这是一次较为重大的完善。
* 新增关闭层的过度动画，可通过anim: -1统一取消动画
* 重写拖拽核心代码，性能大幅度提升
* layer.config核心调整
* layer.config中的extend参数只提供加载一个css皮肤文件（详见文档）
* 处理在head标签中执行layer弹层无效的情况
* 瘦身layer.ready方法
* 修改iframe层的loading动画
* 捕获页类型的弹层在关闭时，会根据所捕获元素的初始display值，进行不同处理，即不再强制隐藏。
* 剔除moveType参数，只提供默认的一种拖拽风格
* 剔除语义欠佳的fix参数，改为fixed取代
* 剔除语义欠佳的shift参数，改为anim取代，不过仍然对shift参数兼容
* 完善tips层细节
* 将prompt层改成页面层结构，即当你弹出prompt层时，再弹出msg，不会将prompt销毁。
* prompt层的textarea模式支持area参数来设定宽高
* layer.css大面积改善
* 降解IE6的fixed支持，不过仍然对ie6兼容（话说现在全浏览器兼容的组件已经不多了，layer后续会整理出不兼容ie6/7的版本）
* 修改图片超出屏幕后，重新计算大小的算法（Merge pull request from 390029659/master）
* 修复iframe层在用于iPhone设备时，无法触发滚动的Bug
phone/layer-v3.1.0/获得layim.url 0 → 100644
[{000214A0-0000-0000-C000-000000000046}]
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://layim.layui.com/?from=icon
IDList=
HotKey=0
phone/lib/fsize.js 0 → 100644
/*function setRemFontSize(baseSize, baseWidth) {
var baseSize = baseSize || 37.5,
baseWidth = baseWidth || 375,
clientWidth = document.documentElement.clientWidth <= 480 ? document.documentElement.clientWidth : 480;
document.getElementsByTagName('html')[0].style.fontSize = clientWidth * baseSize / baseWidth + 'px'
}
setRemFontSize();
window.addEventListener("resize", function() {
setTimeout(function() {
setRemFontSize();
}, 200)
});*/
!function(e,t){function i(){var t=n.getBoundingClientRect().width;t/m>540&&(t=540*m);var i=t/10;n.style.fontSize=i+"px",d.rem=e.rem=i}var a,r=e.document,n=r.documentElement,o=r.querySelector('meta[name="viewport"]'),l=r.querySelector('meta[name="flexible"]'),m=0,s=0,d=t.flexible||(t.flexible={});if(o){console.warn("将根据已有的meta标签来设置缩放比例");var p=o.getAttribute("content").match(/initial\-scale=([\d\.]+)/);p&&(s=parseFloat(p[1]),m=parseInt(1/s))}else if(l){var c=l.getAttribute("content");if(c){var u=c.match(/initial\-dpr=([\d\.]+)/),f=c.match(/maximum\-dpr=([\d\.]+)/);u&&(m=parseFloat(u[1]),s=parseFloat((1/m).toFixed(2))),f&&(m=parseFloat(f[1]),s=parseFloat((1/m).toFixed(2)))}}if(!m&&!s){var v=(e.navigator.appVersion.match(/android/gi),e.navigator.appVersion.match(/iphone/gi)),h=e.devicePixelRatio;m=v?h>=3&&(!m||m>=3)?3:h>=2&&(!m||m>=2)?2:1:1,s=1/m}if(n.setAttribute("data-dpr",m),!o)if(o=r.createElement("meta"),o.setAttribute("name","viewport"),o.setAttribute("content","initial-scale="+s+", maximum-scale="+s+", minimum-scale="+s+", user-scalable=no"),n.firstElementChild)n.firstElementChild.appendChild(o);else{var x=r.createElement("div");x.appendChild(o),r.write(x.innerHTML)}e.addEventListener("resize",function(){clearTimeout(a),a=setTimeout(i,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(a),a=setTimeout(i,300))},!1),"complete"===r.readyState?r.body.style.fontSize=12*m+"px":r.addEventListener("DOMContentLoaded",function(e){r.body.style.fontSize=12*m+"px"},!1),i(),d.dpr=e.dpr=m,d.refreshRem=i,d.rem2px=function(e){var t=parseFloat(e)*this.rem;return"string"==typeof e&&e.match(/rem$/)&&(t+="px"),t},d.px2rem=function(e){var t=parseFloat(e)/this.rem;return"string"==typeof e&&e.match(/px$/)&&(t+="rem"),t}}(window,window.lib||(window.lib={}));
\ No newline at end of file
phone/lib/jquery.cookie.js 0 → 100644
/*!
* jQuery Cookie Plugin v1.3.1
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2013 Klaus Hartl
* Released under the MIT license
*/
(function (factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as anonymous module.
define(['jquery'], factory);
} else {
// Browser globals.
factory(jQuery);
}
}(function ($) {
var pluses = /\+/g;
function raw(s) {
return s;
}
function decoded(s) {
return decodeURIComponent(s.replace(pluses, ' '));
}
function converted(s) {
if (s.indexOf('"') === 0) {
// This is a quoted cookie as according to RFC2068, unescape
s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
}
try {
return config.json ? JSON.parse(s) : s;
} catch(er) {}
}
var config = $.cookie = function (key, value, options) {
// write
if (value !== undefined) {
options = $.extend({}, config.defaults, options);
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = config.json ? JSON.stringify(value) : String(value);
return (document.cookie = [
config.raw ? key : encodeURIComponent(key),
'=',
config.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// read
var decode = config.raw ? raw : decoded;
var cookies = document.cookie.split('; ');
var result = key ? undefined : {};
for (var i = 0, l = cookies.length; i < l; i++) {
var parts = cookies[i].split('=');
var name = decode(parts.shift());
var cookie = decode(parts.join('='));
if (key && key === name) {
result = converted(cookie);
break;
}
if (!key) {
result[name] = converted(cookie);
}
}
return result;
};
config.defaults = {};
$.removeCookie = function (key, options) {
if ($.cookie(key) !== undefined) {
$.cookie(key, '', $.extend(options, { expires: -1 }));
return true;
}
return false;
};
}));
\ No newline at end of file
phone/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 name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/phonepay.css?v='20180709'">
<script src="lib/fsize.js"></script>
</head>
<body>
<div class="bg">
<ul class="login-ul">
<li style="color: #111111;">账号验证 </li>
<li> &gt 充值金额</li>
<li> &gt 充值完成</li>
</ul>
<div class="login-input-box">
<p>丫播Yabo账号验证</p>
<div class="input-content">
<input class="login-input" onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="11" placeholder="请输入您的Yabo ID，点击确认" type="text">
<button class="loginFace-btn">确认</button>
<span class="login-tips">您输入的Yabo ID有误，请确认后重新输入</span>
</div>
</div>
<div class="login-face-box">
<p>丫播Yabo账号确认</p>
<img class="login-face" src="images/ping.png" alt="">
<span class="login-name">丫播yabo昵称</span>
</div>
<button class="login-btn">下一步</button>
<p style="color: #ff6600;font-size:0.3rem;text-align: center;margin-top: 0.3rem;">*如果出现充值问题，请登录丫播Yabo并联系客服</p>
</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";
$(".loginFace-btn").on("click", function () {
var uidVal=$(".login-input").val()
if($(".login-input").val()!=""){
$.ajax({
url:$ip+"/user/info/"+uidVal,
dataType:"json",
type:"post",
success: function (msg) {
console.log(msg)
if(msg.code==1){
$(".login-face").attr("src",cdn+msg.face+"?x-oss-process=image/resize,h_100,w_100");
$(".login-name").text(msg.nickname)
$(".login-btn").addClass("login-btn-go");
$(".login-tips").hide();
sessionStorage.uid=$(".login-input").val();
document.cookie = 'uid='+$(".login-input").val();
sessionStorage.face=cdn+msg.face+"?x-oss-process=image/resize,h_100,w_100"
document.cookie = 'face='+cdn+msg.face+"?x-oss-process=image/resize,h_100,w_100";
sessionStorage.name=msg.nickname;
document.cookie = 'name='+msg.nickname;
$(".login-btn-go").on("click", function () {
window.location.href="payfor.html";
})
}else{
$(".login-face").attr("src","images/ping.png");
$(".login-name").text("丫播yaboLive昵称")
$(".login-tips").show();
$(".login-btn").removeClass("login-btn-go");
}
}
})
}
})
$(".login-input").on("input", function () {
$(".login-face").attr("src","images/ping.png");
$(".login-name").text("丫播yaboLive昵称")
$(".login-tips").hide();
$(".login-btn").removeClass("login-btn-go");
})
if(sessionStorage.uid){
$(".login-input").val(sessionStorage.uid)
}
</script>
</html>
\ No newline at end of file
phone/loginN.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>奶茶充值登录</title>
<meta name="keywords" content="一对一直播,压寨直播,直播,泡泡宝盒,美女直播,美女视频,月光宝盒,视频直播,一直播,老虎直播,美女直播间,奶茶直播">
<meta name="description" content="奶茶直播，一个聚集超高颜值明星大咖、美女帅哥、热门网红、校花校草、逗比萌妹的手机直播社交平台，这里有美女单播、美女声播、才艺展示、生活趣闻、聊天互动、唱歌跳舞等等海量内容。奶茶直播，美颜直播，创造主播潮流。">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/phonepay.css?v='20180709'">
<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.5);
z-index: 1000;
}
.Safari img{
width: 10rem;
}
</style>
<body>
<div class="bg">
<ul class="login-ul">
<li style="color: #111111;">账号验证 </li>
<li> &gt 充值金额</li>
<li> &gt 充值完成</li>
</ul>
<div class="login-input-box">
<p>奶茶直播账号验证</p>
<div class="input-content">
<input class="login-input" onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="11" placeholder="请输入您的 ID，点击确认" type="text">
<button class="loginFace-btn">确认</button>
<span class="login-tips">您输入的直播 ID有误，请确认后重新输入</span>
</div>
</div>
<div class="login-face-box">
<p>奶茶直播账号确认</p>
<img class="login-face" src="images/ping2.png" alt="">
<span class="login-name">奶茶直播昵称</span>
</div>
<button class="login-btn">下一步</button>
<p style="color: #ff6600;font-size:0.3rem;text-align: center;margin-top: 0.3rem;">*如果出现充值问题，请登录奶茶直播并联系客服</p>
</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();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
$(".Safari").fadeIn(500);
}
$(".loginFace-btn").on("click", function () {
var uidVal=$(".login-input").val()
if($(".login-input").val()!=""){
$.ajax({
url:$ip+"/user/info/"+uidVal,
dataType:"json",
type:"post",
success: function (msg) {
console.log(msg)
if(msg.code==1){
$(".login-face").attr("src",cdn+msg.face+"?x-oss-process=image/resize,h_100,w_100");
$(".login-name").text(msg.nickname)
$(".login-btn").addClass("login-btn-go");
$(".login-tips").hide();
sessionStorage.uid=$(".login-input").val();
document.cookie = 'uid='+$(".login-input").val();
sessionStorage.face=cdn+msg.face+"?x-oss-process=image/resize,h_100,w_100"
document.cookie = 'face='+cdn+msg.face+"?x-oss-process=image/resize,h_100,w_100";
sessionStorage.name=msg.nickname;
document.cookie = 'name='+msg.nickname;
$(".login-btn-go").on("click", function () {
window.location.href="payforN.html";
})
}else{
$(".login-face").attr("src","images/ping2.png");
$(".login-name").text("奶茶直播昵称")
$(".login-tips").show();
$(".login-btn").removeClass("login-btn-go");
}
}
})
}
})
$(".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){
$(".login-input").val(sessionStorage.uid)
}
</script>
</html>
\ No newline at end of file
phone/payfor.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>丫播充值登录</title>
<meta name="keywords" content="一对一直播,压寨直播,直播,泡泡宝盒,美女直播,美女视频,月光宝盒,视频直播,一直播,老虎直播,美女直播间,丫播直播">
<meta name="description" content="丫播直播，一个聚集超高颜值明星大咖、美女帅哥、热门网红、校花校草、逗比萌妹的手机直播社交平台，这里有美女单播、美女声播、才艺展示、生活趣闻、聊天互动、唱歌跳舞等等海量内容。丫播直播，美颜直播，创造主播潮流。">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/phonepay.css?v='20180710'">
<script src="lib/fsize.js"></script>
</head>
<body class="alipay">
<div class="bg">
<ul class="login-ul">
<li>账号验证 </li>
<li style="color: #111111;"> &gt 充值金额</li>
<li> &gt 充值完成</li>
</ul>
<div class="payfor-face">
<img class="payfor-img" src="images/ping.png" alt="">
<span class="payfor-name"></span>
</div>
<div class="payfor-content">
<ul class="payfor-ul clearfix">
<!--<li class="payfor-click">-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
</ul>
</div>
<div class="payfor-more">
<p>选择支付方式</p>
<ul class="clearfix payfor-more-ul">
<li><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>
<div class="payfor-button-box">
<button class="login-btn">下一步</button>
<button class="payfor-btn-out">上一步</button>
<p style="color: #ff6600; margin-top: 0.4rem;font-size:0.3rem;text-align: center">*如果出现充值问题，请登录丫播YaboLive并联系客服</p>
</div>
</div>
<div style="display: none" class="paybox">
<p>确认给以下账号充值</p>
<div>
<div class="layer-face"><img class="layer-img" src="../images/rechlogo.png" alt="丫播头像"/></div>
<div class="layer-uid">
<p class="layer-name"></p>
<p style="color: #8F8F8F;">Yabo ID: <span class="layer-uid2"></span> </p>
<button class="payfor-ok">确认</button>
</div>
</div>
</div>
<div class="pay-end" style="display: none">
<p class="p1">请确认微信支付是否已完成</p>
<p class="p2">已完成支付</p>
<p class="p3">支付遇到问题，重新支付</p>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/jquery.cookie.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";
moneyBl=false;
payBl=false;
payOk=false;
//获取用户资料
if(sessionStorage.uid){
$(".payfor-img").attr("src",sessionStorage.face)
$(".payfor-name").text(sessionStorage.name)
$(".layer-img").attr("src",sessionStorage.face)
$(".layer-name").text(sessionStorage.name)
$(".layer-uid2").text(sessionStorage.uid)
}else{
$(".payfor-img").attr("src",$.cookie('face'))
$(".payfor-name").text($.cookie('name'))
$(".layer-img").attr("src",$.cookie('face'))
$(".layer-name").text($.cookie('name'))
$(".layer-uid2").text($.cookie('uid'))
sessionStorage.uid=$.cookie('uid')
}
//获取充值列表
$.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++){
html+='<li>'
if(msg.data.third[i].sale==1){
html+='<img class="payfor-best" src="images/pay-best.png" alt="">'
}
html+='<p class="payfor-rmb">¥'+msg.data.third[i].amount+'</p>'
if(msg.data.third[i].addnum==0){
if(msg.data.third[i].coinnum!=0){
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].coinnum+'银币）</p>'
}else{
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'橙钻</p>'
}
}else{
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'橙钻 <span style="color: #ff6600;">（送'+msg.data.third[i].addnum+'橙钻）</span></p>'
}
html+='<i style="display: none">'+msg.data.third[i].amount+'</i>'
html+='</li>'
}
$(".payfor-ul").html(html);
$(".payfor-ul li").on("click", function () {
moneyBl=true;
$(this).siblings("li").removeClass("payfor-click");
$(this).addClass("payfor-click");
amount= $(this).children("i").text()
console.log(amount)
if(moneyBl&&payBl){
$(".login-btn").addClass("login-btn-go");
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: 'yourclass',
area : ['5.75rem','4.17rem'],
content:$('.paybox'),
});
}
})
}
})
$(".payfor-more-ul li").on("click", function () {
payBl=true;
$(this).siblings("li").removeClass("pay-click");
$(this).addClass("pay-click");
sessionStorage.pay=$(this).children("i").text()
if(moneyBl&&payBl){
$(".login-btn").addClass("login-btn-go");
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: 'yourclass',
area : ['5.75rem','4.17rem'],
content:$('.paybox'),
});
}
})
$(".payfor-ok").on("click", function () {
layer.closeAll();
payOk=true;
})
$(".login-btn").on("click", function () {
if(payOk){
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,
'pkg':'paytest',
},
success: function (msg) {
console.log(msg);
var html=[];
html+=msg.html;
$(".alipay").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':'paytest',
},
success: function (msg) {
console.log(msg);
window.location.href=msg.result.payInfo.url;
}
})
}
}
})
$(".payfor-btn-out").on("click", function () {
window.location.href="login.html"
})
</script>
</html>
\ No newline at end of file
phone/payforN.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>奶茶充值登录</title>
<meta name="keywords" content="一对一直播,压寨直播,直播,泡泡宝盒,美女直播,美女视频,月光宝盒,视频直播,一直播,老虎直播,美女直播间,奶茶直播">
<meta name="description" content="奶茶直播，一个聚集超高颜值明星大咖、美女帅哥、热门网红、校花校草、逗比萌妹的手机直播社交平台，这里有美女单播、美女声播、才艺展示、生活趣闻、聊天互动、唱歌跳舞等等海量内容。奶茶直播，美颜直播，创造主播潮流。">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/phonepay.css?v='20180710'">
<script src="lib/fsize.js"></script>
</head>
<body class="alipay">
<div class="bg">
<ul class="login-ul">
<li>账号验证 </li>
<li style="color: #111111;"> &gt 充值金额</li>
<li> &gt 充值完成</li>
</ul>
<div class="payfor-face">
<img class="payfor-img" src="images/ping2.png" alt="">
<span class="payfor-name"></span>
</div>
<div class="payfor-content">
<ul class="payfor-ul clearfix">
<!--<li class="payfor-click">-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300水晶（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300水晶（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300水晶（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300水晶（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300水晶（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300水晶（送1000银币）</p>-->
<!--</li>-->
</ul>
</div>
<div class="payfor-more">
<p>选择支付方式</p>
<ul class="clearfix payfor-more-ul">
<li><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>
<div class="payfor-button-box">
<button class="login-btn">下一步</button>
<button class="payfor-btn-out">上一步</button>
<p style="color: #ff6600; margin-top: 0.4rem;font-size:0.3rem;text-align: center">*如果出现充值问题，请登录奶茶直播并联系客服</p>
</div>
</div>
<div style="display: none" class="paybox">
<p>确认给以下账号充值</p>
<div>
<div class="layer-face"><img class="layer-img" src="images/ping2.png" alt="奶茶头像"/></div>
<div class="layer-uid">
<p class="layer-name"></p>
<p style="color: #8F8F8F;"> ID: <span class="layer-uid2"></span> </p>
<button class="payfor-ok">确认</button>
</div>
</div>
</div>
<div class="pay-end" style="display: none">
<p class="p1">请确认微信支付是否已完成</p>
<p class="p2">已完成支付</p>
<p class="p3">支付遇到问题，重新支付</p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/jquery.cookie.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";
moneyBl=false;
payBl=false;
payOk=false;
//获取用户资料
if(sessionStorage.uid){
$(".payfor-img").attr("src",sessionStorage.face)
$(".payfor-name").text(sessionStorage.name)
$(".layer-img").attr("src",sessionStorage.face)
$(".layer-name").text(sessionStorage.name)
$(".layer-uid2").text(sessionStorage.uid)
}else{
$(".payfor-img").attr("src",$.cookie('face'))
$(".payfor-name").text($.cookie('name'))
$(".layer-img").attr("src",$.cookie('face'))
$(".layer-name").text($.cookie('name'))
$(".layer-uid2").text($.cookie('uid'))
sessionStorage.uid=$.cookie('uid')
}
//获取充值列表
$.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++){
html+='<li>'
if(msg.data.third[i].sale==1){
html+='<img class="payfor-best" src="images/pay-best.png" alt="">'
}
html+='<p class="payfor-rmb">¥'+msg.data.third[i].amount+'</p>'
if(msg.data.third[i].addnum==0){
if(msg.data.third[i].coinnum!=0){
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'水晶</p>'
}else{
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'水晶</p>'
}
}else{
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'水晶 <span style="color: #ff6600;">（送'+msg.data.third[i].addnum+'水晶）</span></p>'
}
html+='<i style="display: none">'+msg.data.third[i].amount+'</i>'
html+='</li>'
}
$(".payfor-ul").html(html);
$(".payfor-ul li").on("click", function () {
moneyBl=true;
$(this).siblings("li").removeClass("payfor-click");
$(this).addClass("payfor-click");
amount= $(this).children("i").text()
console.log(amount)
if(moneyBl&&payBl){
$(".login-btn").addClass("login-btn-go");
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: 'yourclass',
area : ['5.75rem','4.17rem'],
content:$('.paybox'),
});
}
})
}
})
$(".payfor-more-ul li").on("click", function () {
payBl=true;
$(this).siblings("li").removeClass("pay-click");
$(this).addClass("pay-click");
sessionStorage.pay=$(this).children("i").text()
if(moneyBl&&payBl){
$(".login-btn").addClass("login-btn-go");
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: 'yourclass',
area : ['5.75rem','4.17rem'],
content:$('.paybox'),
});
}
})
$(".payfor-ok").on("click", function () {
layer.closeAll();
payOk=true;
})
$(".login-btn").on("click", function () {
if(payOk){
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,
'pkg':'paytest',
},
success: function (msg) {
console.log(msg);
var html=[];
html+=msg.html;
$(".alipay").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':'paytest',
},
success: function (msg) {
console.log(msg);
// window.location.href=msg.result.payInfo.url;
}
})
}
}
})
$(".payfor-btn-out").on("click", function () {
window.location.href="login.html"
})
</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