Skip to content

libai / web.yazhai.co

Go to a project
Commit 50282a70 by libai
Options

active

parent 0fe4ee86
Expand all
Inline Side-by-side
Showing with 379 additions and 0 deletions
charmRecharge/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
charmRecharge/css/index.css 0 → 100644
.bg {
width: 10rem;
margin: 0 auto;
position: relative;
}
.top-text {
margin-top: 0.6rem;
color: #fff;
text-align: center;
font-size: 0.45rem;
margin-bottom: 0.1rem;
}
.top-num {
text-align: center;
font-size: 0.55rem;
font-weight: 700;
color: #fff;
}
.top-box {
overflow: hidden;
width: 8.88rem;
height: 2.42rem;
background: url(../images/n-banner.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.content {
width: 9.3rem;
margin: 0 auto;
margin-top: 0.9rem;
}
.content li {
position: relative;
height: 2.1rem;
width: 4.2rem;
border-radius: 0.1rem;
border: 1px solid #E8E8E8;
box-sizing: border-box;
float: left;
margin-left: 0.2rem;
margin-right: 0.2rem;
margin-bottom: 0.4rem;
}
.content .li-click {
border: 2px solid #FD5054;
}
.diamond-p {
text-align: center;
font-size: 0.35rem;
margin-top: 0.55rem;
}
.diamond-p img {
vertical-align: middle;
margin-top: -0.1rem;
width: 0.4rem;
}
.money-p {
text-align: center;
font-size: 0.45rem;
font-weight: 500;
margin-top: 0.1rem;
}
.hot {
position: absolute;
width: 0.87rem;
top: -0.3rem;
left: -0.3rem;
}
.pay-box {
width: 8.75rem;
margin: 0 auto;
margin-top: 0.3rem;
}
.pay-box .pay-tips {
font-size: 0.32rem;
color: #333333;
}
.pay-ul {
margin-top: 0.25rem;
}
.pay-ul li {
width: 2.68rem;
height: 1rem;
float: left;
border-radius: 0.1rem;
margin-right: 0.3rem;
border: 1px solid #E8E8E8;
text-align: center;
line-height: 1rem;
font-size: 0.4rem;
}
.pay-ul li img {
width: 0.5rem;
vertical-align: middle;
margin-top: -0.07rem;
}
.pay-ul .pay-click {
border: 2px solid #FD5054;
}
.taobao-Pay {
display: none;
width: 8.75rem;
margin: 0 auto;
height: 0.85rem;
line-height: 0.85rem;
font-size: 0.32rem;
margin-top: 0.3rem;
border-radius: 0.1rem;
border: 0.02rem solid #E8E8E8;
}
.taobao-Pay img {
height: 0.35rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.pay-btn {
height: 1.25rem;
width: 7.55rem;
margin-left: 1.23rem;
color: #fff;
font-size: 0.45rem;
margin-top: 0.4rem;
font-weight: 700;
background: linear-gradient(to bottom, #FD746E, #FF598B);
box-shadow: 0rem 0.1rem 0.1rem #FFDFCD;
border-radius: 1rem;
}
.b-tips {
width: 7.5rem;
margin: 0 auto;
font-size: 0.3rem;
margin-top: 0.7rem;
text-align: center;
line-height: 0.5rem;
}
.b-tips img {
width: 1.55rem;
vertical-align: middle;
margin-top: -0.07rem;
}
.recording {
color: #713900;
position: absolute;
right: 0.2rem;
top: 0.2rem;
font-size: 0.32rem;
}
charmRecharge/css/index.less 0 → 100644
.bg{
width: 10rem;
margin: 0 auto;
position: relative;
}
.top-text{
margin-top: 0.6rem;
color: #fff;
text-align: center;
font-size: 0.45rem;
margin-bottom: 0.1rem;
}
.top-num{
text-align: center;
font-size: 0.55rem;
font-weight: 700;
color: #fff;
}
.top-box{
overflow: hidden;
width: 8.88rem;
height: 2.42rem;
background: url(../images/n-banner.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.content{
width: 9.3rem;
margin: 0 auto;
margin-top: 0.9rem;
li{
position: relative;
height: 2.1rem;
width: 4.2rem;
border-radius: 0.1rem;
border: 1px solid #E8E8E8;
box-sizing: border-box;
float: left;
margin-left: 0.2rem;
margin-right: 0.2rem;
margin-bottom: 0.4rem;
}
.li-click{
border: 2px solid #FD5054;
}
}
.diamond-p{
text-align: center;
font-size: 0.35rem;
margin-top: 0.55rem;
img{
vertical-align: middle;
margin-top: -0.1rem;
width: 0.4rem;
}
}
.money-p{
text-align: center;
font-size: 0.45rem;
font-weight: 500;
margin-top: 0.1rem;
}
.hot{
position: absolute;
width: 0.87rem;
top: -0.3rem;
left: -0.3rem;
}
.pay-box{
width: 8.75rem;
margin: 0 auto;
margin-top: 0.3rem;
.pay-tips{
font-size: 0.32rem;
color: #333333;
}
}
.pay-ul{
margin-top: 0.25rem;
li{
width: 2.68rem;
height: 1rem;
float: left;
border-radius: 0.1rem;
margin-right: 0.3rem;
border: 1px solid #E8E8E8;
text-align: center;
line-height: 1rem;
font-size: 0.4rem;
img{
width: 0.5rem;
vertical-align: middle;
margin-top: -0.07rem;
}
}
.pay-click{
//background: url("../images/select.png")no-repeat;
//background-size: 100% 100%;
border: 2px solid #FD5054;
}
}
.taobao-Pay{
display: none;
width: 8.75rem;
margin: 0 auto;
height: 0.85rem;
line-height: 0.85rem;
font-size: 0.32rem;
margin-top: 0.3rem;
border-radius: 0.1rem;
border: 0.02rem solid #E8E8E8;
img{
height: 0.35rem;
vertical-align: middle;
margin-top: -0.05rem;
}
}
.pay-btn{
height: 1.25rem;
width: 7.55rem;
margin-left: 1.23rem;
color: #fff;
font-size: 0.45rem;
margin-top: 0.4rem;
font-weight: 700;
background:linear-gradient(to bottom,#FD746E,#FF598B);
box-shadow: 0rem 0.1rem 0.1rem #FFDFCD;
border-radius: 1rem;
}
.b-tips{
width: 7.5rem;
margin: 0 auto;
font-size: 0.3rem;
margin-top: 0.7rem;
text-align: center;
line-height: 0.5rem;
img{
width: 1.55rem;
vertical-align: middle;
margin-top:-0.07rem;
}
}
.recording{
color: #713900;
position: absolute;
right: 0.2rem;
top: 0.2rem;
font-size: 0.32rem;
}
\ No newline at end of file
charmRecharge/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
charmRecharge/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
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