Skip to content

libai / footsen

Go to a project
Commit cf7cbcb7 by dabai
Options

footseen

parents
Expand all
Inline Side-by-side
Showing with 615 additions and 0 deletions
css/base.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: simhei; 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;
}
::-webkit-scrollbar {display:none}
input {-webkit-appearance:none; /*去除input默认样式*/}
.hide{display: none;}
.L_En,.L_Ar{
display: none;
}
img/bg.jpg 0 → 100644
img/bg.jpg

2.02 KB
img/btn.png 0 → 100644
img/btn.png

5.44 KB
img/down.png 0 → 100644
img/down.png

191 Bytes
img/fx.png 0 → 100644
img/fx.png

16.1 KB
img/up.png 0 → 100644
img/up.png

201 Bytes
index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<meta charset="UTF-8">
<meta name="googlebot" content="noindex,nofollow">
<meta name="robots" content="noindex,nofollow">
<meta property="og:title" content="Foot Seen">
<meta property="og:description" content="Foot Seen">
<meta property="og:url" content="https://www.footseen.com">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<script src="https://footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://footseen.com/css/swiper.min.css">
<link rel="stylesheet" href="https://footseen.com/css/base.css?v=201911251528">
<link rel="stylesheet" href="https://footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(https://footseen.com/img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 18.986rem;
}
.swiper-container .swiper-slide,.swiper-container .swiper-slide img{
width: 100%;
height: 100%;
}
.anBg,.anBg2{
background: url(https://footseen.com/img/anbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 7.573rem;
position: relative;
margin: -3.5rem auto 0;
z-index: 100;
}
.anBg2{
background: url(https://footseen.com/img/anbg_en.png) no-repeat;
background-size: 100% 100%;
}
.anBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.masking{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 500;
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
display: none;
}
.masking img{
width: 7.933rem;
height: 3.906rem;
position: absolute;
left: 50%;
top: 1rem;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
</style>
</head>
<body>
<div class="main">
<span class="langTitle"><img src="https://footseen.com/img/down.png"/><font></font></span>
<div class="langList">
<p data-lang="1">English</p>
<p data-lang="7">العربية</p>
</div>
<a class="topUp L_Ar">شحن</a>
<a class="topUp L_En">Top-up</a>
<div class="swiper-container swiper-container1 L_Ar">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://footseen.com/img/img1.jpg"/>
</div>
<div class="swiper-slide">
<img src="https://footseen.com/img/img2.jpg"/>
</div>
<div class="swiper-slide">
<img src="https://footseen.com/img/img3.jpg"/>
</div>
</div>
</div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://footseen.com/img/img1_en.jpg"/>
</div>
<div class="swiper-slide">
<img src="https://footseen.com/img/img2_en.jpg"/>
</div>
<div class="swiper-slide">
<img src="https://footseen.com/img/img3_en.jpg"/>
</div>
</div>
</div>
<div class="anBg L_Ar">
<img class="anBtn anBtn1" src="https://footseen.com/img/btn.png" />
</div>
<div class="anBg anBg2 L_En">
<img class="anBtn anBtn2" src="https://footseen.com/img/btn_en.png" />
</div>
<div class="mBottom">
<p>www.footseen.com</p>
</div>
</div>
<div class="masking">
<img src="https://footseen.com/img/fx.png"/>
</div>
</body>
<script src="https://footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://footseen.com/js/lang.js?v=201911251528" ></script>
<script src="https://footseen.com/layer-v3.1.0/layer/layer.js"></script>
<script type="text/javascript">
$('.mBottom').show();
var ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (/android/.test(ua)) {
$(".anBtn1,.anBtn2").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){
$('.masking img').att('src','https://footseen.com/img/fx.png');
$(".masking").fadeIn(500);
} else {
$('.masking img').att('src','https://footseen.com/img/fx_en.png');
$(".masking.L_En").fadeIn(500);
}
}
else{
window.location.href='/apk';
}
})
}
$('.topUp').on('click',function(){
window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang;
})
</script>
</html>
ios.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<meta charset="UTF-8">
<meta name="googlebot" content="noindex,nofollow">
<meta name="robots" content="noindex,nofollow">
<meta property="og:title" content="Foot Seen">
<meta property="og:description" content="Foot Seen">
<meta property="og:url" content="https://www.footseen.com">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<script src="js/fsize.js"></script>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/base.css?v=201911251528">
<link rel="stylesheet" href="layer-v3.1.0/layer.css">
<title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 18.986rem;
}
.swiper-container .swiper-slide,.swiper-container .swiper-slide img{
width: 100%;
height: 100%;
}
.iosBg,.iosBg2{
background: url(img/iosbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 24.413rem;
position: relative;
margin: -3.5rem auto 0;
z-index: 50;
}
.iosBg2{
background: url(img/iosbg_en.png) no-repeat;
background-size: 100% 100%;
}
.iosBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
.iosText{
position: absolute;
width: 3.933rem;
right: 0.45rem;
top: 15.426rem;
height: 0.8rem;
line-height: .8rem;
text-align: center;
color:#FF4999;
font-size: 0.3rem;
direction: rtl;
}
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
</style>
</head>
<body>
<div class="main">
<span class="langTitle"><img src="img/down.png"/><font></font></span>
<div class="langList">
<p data-lang="1">English</p>
<p data-lang="7">العربية</p>
</div>
<a class="topUp L_Ar">شحن</a>
<a class="topUp L_En">Top-up</a>
<div class="swiper-container swiper-container1 L_Ar">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="img/img1.jpg"/>
</div>
<div class="swiper-slide">
<img src="img/img2.jpg"/>
</div>
<div class="swiper-slide">
<img src="img/img3.jpg"/>
</div>
</div>
</div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="img/img1_en.jpg"/>
</div>
<div class="swiper-slide">
<img src="img/img2_en.jpg"/>
</div>
<div class="swiper-slide">
<img src="img/img3_en.jpg"/>
</div>
</div>
</div>
<div class="iosBg iosBg1 L_Ar">
<img class="iosBtn iosBtn1" src="img/btn.png" />
<span class="iosText">ثقةPeach</span>
</div>
<div class="iosBg iosBg2 L_En">
<img class="iosBtn iosBtn2" src="img/btn_en.png" />
<span class="iosText">Trust Peach</span>
</div>
<div class="mBottom">
<p>www.footseen.com</p>
</div>
</div>
</body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/lang.js?v=201911251528" ></script>
<script src='layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript">
$('.mBottom').show();
var data = OpenInstall.parseUrlParams();
new OpenInstall({
appKey: "dzxj4c",
preferWakeup: true,
mask: function () {
return '<div id="openinstall_shadow" class="shadow-img"><img src="images/share-img.png" alt=""></div>'
},
onready: function () {
var m = this;
m.schemeWakeup();
$(".iosBtn").on("click", function () {
console.log(1111111111)
m.wakeupOrInstall();
return false;
})
}
}, data);
$('.topUp').on('click',function(){
window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang;
})
</script>
</html>
\ No newline at end of file
js/fsize.js 0 → 100644
!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){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
js/lang.js 0 → 100644
var swiper1 = new Swiper('.swiper-container1', {
loop: true,
speed:300,
observer: true,
observerParents: true,
autoplayDisableOnInteraction: false,
autoplay : {
delay:3000
},
onSlideChangeEnd: function(swipers){
swipers.update(); //swiper更新
}
});
var swiper2 = new Swiper('.swiper-container2', {
loop: true,
speed:300,
observer: true,
observerParents: true,
autoplayDisableOnInteraction: false,
autoplay : {
delay:3000
},
onSlideChangeEnd: function(swipers){
swipers.update(); //swiper更新
}
});
var langStr =(navigator.language || navigator.browserLanguage).toLowerCase();
if(sessionStorage.lang == undefined || sessionStorage.lang == 'undefined'){
if(langStr.indexOf('ar')>=0){
sessionStorage.lang = 7;
$('.L_En').hide();
$('.L_Ar').show();
$('.langTitle font').html('العربية');
} else {
sessionStorage.lang = 1;
$('.L_En').show();
$('.L_Ar').hide();
$('.langTitle font').html('English');
}
} else {
if(sessionStorage.lang == 7){
$('.L_En').hide();
$('.L_Ar').show();
$('.langTitle font').html('العربية');
} else {
$('.L_En').show();
$('.L_Ar').hide();
$('.langTitle font').html('English');
}
}
$(function(){
$('.langTitle').on('click',function(){
$('.langList').show();
$('.langTitle img').attr('src','https://footseen.com/img/up.png');
})
$('.langList p').on('click',function(e){
$('.langTitle font').html($(this).html());
$('.langList').hide();
$('.langTitle img').attr('src','https://footseen.com/img/down.png');
sessionStorage.lang = $(this).attr('data-lang');
lang();
e.stopPropagation();
})
})
function lang(){
if(sessionStorage.lang == 1){
this.swiper2.destroy(false);
this.swiper2 = new Swiper('.swiper-container2', {
loop: true,
speed:300,
observer: true,
observerParents: true,
autoplayDisableOnInteraction: false,
autoplay : {
delay:3000
},
onSlideChangeEnd: function(swipers){
swipers.update(); //swiper更新
}
});
$('.L_Ar').hide();
$('.L_En').show();
$('.langTitle font').html('English');
} else if(sessionStorage.lang == 7){
this.swiper1.destroy(false);
this.swiper1 = new Swiper('.swiper-container1', {
loop: true,
speed:300,
observer: true,
observerParents: true,
autoplayDisableOnInteraction: false,
autoplay : {
delay:3000
},
onSlideChangeEnd: function(swipers){
swipers.update(); //swiper更新
}
});
$('.L_En').hide();
$('.L_Ar').show();
$('.langTitle font').html('العربية');
}
}
js/swiper.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
layer-v3.1.0/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
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
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
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