Commit 66072eb6 by dabai

邀请有奖 提现 更新

parent 7065211d
body {
background: #FFF;
}
.main{
background: #FFF;
width: 10rem;
position: relative;
font-size: 0;
margin: 0 auto;
}
.mHeader{
padding-top: 0.666rem;
width: 10rem;
margin: 0 auto;
}
.mHeadBg{
background-color: #FFF1F7;
border-radius: 0.32rem;
-webkit-border-radius: 0.32rem;
-moz-border-radius: 0.32rem;
-ms-border-radius: 0.32rem;
width: 8.8rem;
height: 3.866rem;
position: relative;
margin: 0 auto;
}
.mTopBoxTitle{
position: absolute;
left: 0;
top: 0.96rem;
width: 100%;
font-size: 0.373rem;
color:#343434;
width: 100%;
text-align: center;
}
.mTopBoxTitle span{
background: url(../img/yumao3.png) no-repeat;
background-size: 100% 100%;
width: 0.306rem;
height: 0.373rem;
display: inline-block;
margin-right: 0.08rem;
vertical-align: middle;
margin-top: -.05rem;
}
.mTopBoxNum{
font-size: 1.2rem;
color: #925EEB;
position: absolute;
left: 0;
top: 1.786rem;
text-align: center;
width: 100%;
font-weight: bold;
}
.mTips{
font-size:0.293rem;
color:#666;
width: 8.546rem;
position: absolute;
left: 50%;
bottom: 0.266rem;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.mList{
width: 10rem;
font-size: 0;
margin: 0.266rem auto 0;
}
.mDetail{
position: relative;
width: 8.8rem;
height: 1.466rem;
margin: 0 auto;
font-size: 0;
border-bottom: 1px solid #EBEBEB;
}
.mDetailName{
width: 4rem;
position: absolute;
left: 0;
top: 0;
height: 1.466rem;
line-height: 1.466rem;
font-size: 0.4rem;
color:#333;
}
.mDetailNum{
position: absolute;
right:0;
top: 0;
height: 1.466rem;
line-height: 1.466rem;
width: 4.5rem;
color:#925EEB;
text-align: right;
font-size: 0.4rem;
}
.mDetailImg1{
width: 0.35rem;
vertical-align: middle;
margin-top: -.05rem;
}
.mDetailImg2{
width: 0.533rem;
height: 0.533rem;
vertical-align: middle;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<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">
<title>活動收益</title>
<link rel="stylesheet" href="../layer-v3.1.0/layer.css">
<link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/index.css?v=202010211440">
<script type="text/javascript" src="../js/fsize.js"></script>
<style type="text/css">
.mDetailInfo{
left: .44rem;
}
</style>
</head>
<body>
<div class="main">
<div class="mHead">
<span class="mHeadTitle ellipsis"></span>
<span class="mHeadChange" data-type="2"><font></font><font></font></span>
</div>
<div class="mChange hide">
<p data-type="1"></p>
<p data-type="2"></p>
<p data-type="3"></p>
<p data-type="4"></p>
<p data-type="5"></p>
<p data-type=""></p>
</div>
<div class="mList"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202010211440"></script>
<script type="text/javascript" src="js/common.js?v=202010211440"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
$('title').html(langList[langType].income2);
$('.mHeadTitle').html(langList[langType].income2+':'+'<font></font>');
$(window).bind("scroll", function () {
if($(document).scrollTop() + $(window).height() > $(document).height() - 1 && next){
if(more == true){
if($('.mHeadChange').attr('data-type')==''){
getData(mPage,$('.mHeadChange font:eq(0)').html());
} else {
getData(mPage);
}
}
}
})
getData(mPage);
getUserIncomeTotal(2);
function getUserIncomeTotal(datatype,time){
$.ajax({
url:$ip+'/user/getUserIncomeTotal.html',
data:{
page:1,
pageSize:50,
type:4,
date:time,
dataType:datatype,
},
success:function(res){
if(res.code == 1){
$('.mHeadTitle font').html(res.total);
} else {
layer.msg(res.msg);
}
}
})
}
function getData(page,time,type){
$.ajax({
url:$ip+'/user/getUserIncome.html',
data:{
page:page,
pageSize:50,
type:4,
date:time,
dataType:$('.mHeadChange').attr('data-type'),
},
success:function(res){
if(res.code == 1){
if(type){
$('.mList').empty();
more = true;
next = false;
mPage = 1;
}
var log = res.data;
var str = '';
if(log.length>0){
for(var i=0;i<log.length;i++){
str += '<div class="mDetail">';
str += ' <div class="mDetailInfo">';
str += ' <p class="ellipsis">'+log[i].remark+'</p>';
str += ' <p class="ellipsis">'+getTime(log[i].logtime.time)+'</p>';
str += ' </div>';
str += ' <div class="mDetailInfo2">';
if(log[i].value>=0){
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />+'+log[i].value+'</p>';
} else {
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].value+'</p>';
}
str += ' </div>';
str += '</div>';
}
} else {
if(mPage == 1){
str += '<div class="notData">';
str += '<img src="../img/no-record.png"/>';
str += '<p>'+langList[langType].income14+'</p>';
str += '</div>';
}
}
$('.mList').append(str);
mPage++;
next = true;
if(res.data[49]==undefined){
more = false;
}
} else {
layer.msg(res.msg);
}
}
})
}
</script>
</html>
body{
background: #FFF;
}
.hide{
display: none;
}
.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main{
background: #FFF;
margin: 0 auto;
width: 10rem;
font-size: 0;
position: relative;
padding-top: .346rem;
}
.mHead{
background: #FFF1F7;
width: 9.36rem;
height: 2.053rem;
position: relative;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
margin: 0 auto 0;
}
.mHeadTitle{
position: absolute;
left: 0.453rem;
top: 0;
height: 2.053rem;
line-height: 2.053rem;
font-size: 0.4rem;
color:#333;
width: 5.5rem;
}
.mHeadTitle font{
color:#925EEB;
}
.mHeadChange{
position: absolute;
right: 0.48rem;
top: 50%;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
font-size: 0.4rem;
color:#333;
}
.mHeadChange img{
width: 0.253rem;
height: 0.133rem;
margin-left: 0.266rem;
vertical-align: middle;
margin-top: -.05rem;
}
.mHeadChange font:nth-child(2){
background: url(../../img/down.png) no-repeat;
background-size: 100% 100%;
width: .253rem;
height: .133rem;
position: relative;
display: inline-block;
margin-left: 0.266rem;
vertical-align: middle;
margin-top: -.05rem;
}
.mHeadChange.check font:nth-child(2){
background: url(../../img/up.png) no-repeat;
background-size: 100% 100%;
}
.mChange{
position: absolute;
right: 0.306rem;
top: 2rem;
background: #FFF;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
z-index: 10;
width: 2.853rem;
padding: 0.266rem 0;
font-size: 0;
box-shadow: 0px 0.146rem 0.173rem 0px rgba(5, 5, 5, 0.03);
}
.mChange p{
width:100%;
text-align: center;
font-size: 0.426rem;
color:#333;
line-height: 1.497rem;
height: 1.497rem;
}
.mList{
position: relative;
width: 10rem;
margin: 0 auto;
font-size: 0;
}
.mDetail{
width: 9.36rem;
height: 2.4rem;
background: #F7F7F7;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
margin: 0.266rem auto 0;
position: relative;
}
.mDetailImg{
position: absolute;
left: 0.44rem;
top: 50%;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
width: 1.066rem;
height: 1.066rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
object-fit: cover;
}
.mDetailInfo{
position: absolute;
left: 1.813rem;
top: 50%;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
width: 4rem;
font-size: 0;
}
.mDetailInfo p{
font-size: 0.346rem;
color:#333;
margin-top: 0.126rem;
}
.mDetailInfo p:nth-child(1){
margin-top: 0;
}
.mDetailInfo2{
position: absolute;
right: 0.48rem;
top: 50%;
transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
width: 2.7rem;
text-align: right;
}
.mDetailInfo2 p{
font-size: 0.346rem;
color:#925EEB;
margin-top: 0.126rem;
}
.mDetailInfo2 p:nth-child(1){
margin-top: 0;
}
.mDetailInfo2 p img{
width: 0.306rem;
height: 0.373rem;
vertical-align: middle;
margin-right: 0.106rem;
}
.mDetailInfo2 p.visibility{
visibility: hidden;
}
.notData{
width: 100%;
text-align: center;
padding-top: 2rem;
}
.notData img{
width: 2.666rem;
}
.notData p{
width: 100%;
font-size: .45rem;
margin-top: .5rem;
color:#333;
}
.ios-select-widget-box #iosSelectTitle{
display: inherit;
position: relative;
z-index: 1;
}
.ios-select-widget-box header.iosselect-header a{
position: relative;
z-index: 10;
color:#007AFF;
}
.ios-select-widget-box.olay > div, .ios-select-widget-box header.iosselect-header, .ios-select-widget-box ul li{
background-color: #FFF;
}
.ios-select-widget-box header.iosselect-header a.sure, .ios-select-widget-box header.iosselect-header a.close{
color: #E53985;
}
.ios-select-widget-box #iosSelectTitle{
color: #999;
}
.ios-select-widget-box ul li{
color: #C4C4C4;
}
.ios-select-widget-box ul li.at{
color: #333;
font-size: 20px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<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">
<title></title>
<link rel="stylesheet" href="../layer-v3.1.0/layer.css">
<link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/index.css?v=202010211440">
<script type="text/javascript" src="../js/fsize.js"></script>
</head>
<body>
<div class="main">
<div class="mHead">
<span class="mHeadTitle ellipsis"></span>
<span class="mHeadChange" data-type="2"><font></font><font></font></span>
</div>
<div class="mChange hide">
<p data-type="1"></p>
<p data-type="2"></p>
<p data-type="3"></p>
<p data-type="4"></p>
<p data-type="5"></p>
<p data-type=""></p>
</div>
<div class="mList"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202010211440"></script>
<script type="text/javascript" src="js/common.js?v=202010211440"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
$('title').html(langList[langType].income5);
$('.mHeadTitle').html(langList[langType].income5+':'+'<font></font>');
$(window).bind("scroll", function () {
if($(document).scrollTop() + $(window).height() > $(document).height() - 1 && next){
if(more == true){
if($('.mHeadChange').attr('data-type')==''){
getData(mPage,$('.mHeadChange font:eq(0)').html());
} else {
getData(mPage);
}
}
}
})
getData(mPage);
getUserIncomeTotal(2);
function getUserIncomeTotal(datatype,time){
$.ajax({
url:$ip+'/user/getUserIncomeTotal.html',
data:{
page:1,
pageSize:50,
type:5,
date:time,
dataType:datatype,
},
success:function(res){
if(res.code == 1){
$('.mHeadTitle font').html(res.total);
} else {
layer.msg(res.msg);
}
}
})
}
function getData(page,time,type){
$.ajax({
url:$ip+'/user/getUserIncome.html',
data:{
page:page,
pageSize:50,
type:5,
date:time,
dataType:$('.mHeadChange').attr('data-type'),
},
success:function(res){
if(res.code == 1){
if(type){
$('.mList').empty();
more = true;
next = false;
mPage = 1;
}
var log = res.data;
var str = '';
if(log.length>0){
for(var i=0;i<log.length;i++){
str += '<div class="mDetail">';
if(log[i].avatar == '/user/boy.png' || log[i].avatar == 'user/giftl.png'){
str += ' <img class="mDetailImg" src="https://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80" />';
} else {
str += ' <img class="mDetailImg" src="'+cdn+log[i].avatar+'?x-oss-process=image/resize,w_80" />';
}
str += ' <div class="mDetailInfo">';
str += ' <p class="ellipsis">'+log[i].remark+'</p>';
str += ' <p class="ellipsis">'+getTime(log[i].logtime.time)+'</p>';
str += ' </div>';
str += ' <div class="mDetailInfo2">';
if(log[i].value>=0){
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />+'+log[i].value+'</p>';
} else {
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].value+'</p>';
}
str += ' </div>';
str += '</div>';
}
} else {
if(mPage == 1){
str += '<div class="notData">';
str += '<img src="../img/no-record.png"/>';
str += '<p>'+langList[langType].income14+'</p>';
str += '</div>';
}
}
$('.mList').append(str);
mPage++;
next = true;
if(res.data[49]==undefined){
more = false;
}
} else {
layer.msg(res.msg);
}
}
})
}
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<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">
<title></title>
<link rel="stylesheet" href="../layer-v3.1.0/layer.css">
<link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/index.css?v=202010211440">
<script type="text/javascript" src="../js/fsize.js"></script>
</head>
<body>
<div class="main">
<div class="mHead">
<span class="mHeadTitle ellipsis"></span>
<span class="mHeadChange" data-type="2"><font></font><font></font></span>
</div>
<div class="mChange hide">
<p data-type="1"></p>
<p data-type="2"></p>
<p data-type="3"></p>
<p data-type="4"></p>
<p data-type="5"></p>
<p data-type=""></p>
</div>
<div class="mList"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202010211440"></script>
<script type="text/javascript" src="js/common.js?v=202010211440"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
$('title').html(langList[langType].income26);
$('.mHeadTitle').html(langList[langType].income26+':'+'<font></font>');
$(window).bind("scroll", function () {
if($(document).scrollTop() + $(window).height() > $(document).height() - 1 && next){
if(more == true){
if($('.mHeadChange').attr('data-type')==''){
getData(mPage,$('.mHeadChange font:eq(0)').html());
} else {
getData(mPage);
}
}
}
})
getData(mPage);
getUserIncomeTotal(2);
function getUserIncomeTotal(datatype,time){
$.ajax({
url:$ip+'/user/getUserIncomeTotal.html',
data:{
page:1,
pageSize:50,
type:7,
date:time,
dataType:datatype,
},
success:function(res){
if(res.code == 1){
$('.mHeadTitle font').html(res.total);
} else {
layer.msg(res.msg);
}
}
})
}
function getData(page,time,type){
$.ajax({
url:$ip+'/user/getUserIncome.html',
data:{
page:page,
pageSize:50,
type:7,
date:time,
dataType:$('.mHeadChange').attr('data-type'),
},
success:function(res){
if(res.code == 1){
if(type){
$('.mList').empty();
more = true;
next = false;
mPage = 1;
}
var log = res.data;
var str = '';
if(log.length>0){
for(var i=0;i<log.length;i++){
str += '<div class="mDetail">';
if(log[i].avatar == '/user/boy.png' || log[i].avatar == 'user/giftl.png'){
str += ' <img class="mDetailImg" src="https://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80" />';
} else {
str += ' <img class="mDetailImg" src="'+cdn+log[i].avatar+'?x-oss-process=image/resize,w_80" />';
}
str += ' <div class="mDetailInfo">';
str += ' <p class="ellipsis">'+log[i].nickname+'</p>';
if(log[i].number!=undefined){
str += ' <p class="ellipsis">'+log[i].remark+'X'+log[i].number+'</p>';
} else {
str += ' <p class="ellipsis">'+log[i].remark+'</p>';
}
str += ' <p class="ellipsis">'+getTime(log[i].logtime.time)+'</p>';
str += ' </div>';
str += ' <div class="mDetailInfo2">';
if(log[i].value>=0){
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />+'+log[i].value+'</p>';
} else {
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].value+'</p>';
}
str += ' </div>';
str += '</div>';
}
} else {
if(mPage == 1){
str += '<div class="notData">';
str += '<img src="../img/no-record.png"/>';
str += '<p>'+langList[langType].income14+'</p>';
str += '</div>';
}
}
$('.mList').append(str);
mPage++;
next = true;
if(res.data[49]==undefined){
more = false;
}
} else {
layer.msg(res.msg);
}
}
})
}
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<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">
<title></title>
<link rel="stylesheet" href="../layer-v3.1.0/layer.css">
<link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/index.css?v=202010211440">
<script type="text/javascript" src="../js/fsize.js"></script>
</head>
<body>
<div class="main">
<div class="mHead">
<span class="mHeadTitle ellipsis"></span>
<span class="mHeadChange" data-type="2"><font></font><font></font></span>
</div>
<div class="mChange hide">
<p data-type="1"></p>
<p data-type="2"></p>
<p data-type="3"></p>
<p data-type="4"></p>
<p data-type="5"></p>
<p data-type=""></p>
</div>
<div class="mList"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202010211440"></script>
<script type="text/javascript" src="js/common.js?v=202010211440"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
$('title').html(langList[langType].income3);
$('.mHeadTitle').html(langList[langType].income3+':'+'<font></font>');
$(window).bind("scroll", function () {
if($(document).scrollTop() + $(window).height() > $(document).height() - 1 && next){
if(more == true){
if($('.mHeadChange').attr('data-type')==''){
getData(mPage,$('.mHeadChange font:eq(0)').html());
} else {
getData(mPage);
}
}
}
})
getData(mPage);
getUserIncomeTotal(2);
function getUserIncomeTotal(datatype,time){
$.ajax({
url:$ip+'/user/getUserIncomeTotal.html',
data:{
page:1,
pageSize:50,
type:3,
date:time,
dataType:datatype,
},
success:function(res){
if(res.code == 1){
$('.mHeadTitle font').html(res.total);
} else {
layer.msg(res.msg);
}
}
})
}
function getData(page,time,type){
$.ajax({
url:$ip+'/user/getUserIncome.html',
data:{
page:page,
pageSize:50,
type:3,
date:time,
dataType:$('.mHeadChange').attr('data-type'),
},
success:function(res){
if(res.code == 1){
if(type){
$('.mList').empty();
more = true;
next = false;
mPage = 1;
}
var log = res.data;
var str = '';
if(log.length>0){
for(var i=0;i<log.length;i++){
str += '<div class="mDetail">';
if(log[i].avatar == '/user/boy.png' || log[i].avatar == 'user/giftl.png'){
str += ' <img class="mDetailImg" src="https://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80" />';
} else {
str += ' <img class="mDetailImg" src="'+cdn+log[i].avatar+'?x-oss-process=image/resize,w_80" />';
}
str += ' <div class="mDetailInfo">';
str += ' <p class="ellipsis">'+log[i].remark+'</p>';
str += ' <p class="ellipsis">'+getTime(log[i].logtime.time)+'</p>';
str += ' </div>';
str += ' <div class="mDetailInfo2">';
if(log[i].value>=0){
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />+'+log[i].value+'</p>';
} else {
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].value+'</p>';
}
str += ' </div>';
str += '</div>';
}
} else {
if(mPage == 1){
str += '<div class="notData">';
str += '<img src="../img/no-record.png"/>';
str += '<p>'+langList[langType].income14+'</p>';
str += '</div>';
}
}
$('.mList').append(str);
mPage++;
next = true;
if(res.data[49]==undefined){
more = false;
}
} else {
layer.msg(res.msg);
}
}
})
}
</script>
</html>
var monthList = ['','January','February','March','April','May','June','July','August','September','October','November','December']
$('.mHeadChange').on('click',function(e){
if($(this).hasClass('check')){
$(this).removeClass('check');
$('.mChange').addClass('hide');
} else {
$(this).addClass('check');
$('.mChange').removeClass('hide');
}
e.stopPropagation();
})
$('.mChange p').on('click',function(){
if($(this).index()+1 != $('.mChange p').length){
$('.mHeadChange font:eq(0)').html($(this).html());
$('.mHeadChange').attr('data-type',$(this).attr('data-type'));
more = true;
next = false;
mPage = 1;
getData(mPage,'',true);
getUserIncomeTotal($(this).attr('data-type'));
}
$('.mHeadChange').removeClass('check');
$('.mChange').addClass('hide');
})
$(document).on('click',function(e){
$('.mHeadChange').removeClass('check');
$('.mChange').addClass('hide');
e.stopPropagation();
})
if(sessionStorage.lang == 7){
sessionStorage.lang = 1;
}
if(langType == 2){
langType = 1;
}
$('.mHeadChange font').eq(0).html(langList[langType].income8);
$('.mChange p').eq(0).html(langList[langType].income7);
$('.mChange p').eq(1).html(langList[langType].income8);
$('.mChange p').eq(2).html(langList[langType].income9);
$('.mChange p').eq(3).html(langList[langType].income10);
$('.mChange p').eq(4).html(langList[langType].income11);
$('.mChange p').eq(5).html(langList[langType].income12);
$.ajaxSetup({
global: false,
type: 'post',
dataType: "JSON",
data: {
os: 'WEB',
cid: 'web_gw',
lang: sessionStorage.lang,
uid: getRequest().uid,
token: getRequest().token
}
})
var more = true;
var next = false;
var mPage = 1;
var selectDateDom = $('.mChange p:last-child');
var showDateDom = $('.mChange p:last-child');
// 初始化时间
var timezone = 8;
var offset_GMT = new Date().getTimezoneOffset();
var nowDate = new Date().getTime();
var now = new Date(nowDate + offset_GMT * 60 * 1000 + timezone * 60 * 60 * 1000);
var nowYear = now.getFullYear();
var nowMonth = now.getMonth()+1;
var nowDate = now.getDate();
showDateDom.attr('data-year', add0(nowYear));
showDateDom.attr('data-month', add0(nowMonth));
showDateDom.attr('data-date', add0(nowDate));
// 数据初始化
function formatYear (nowYear) {
var arr = [];
for(var i = nowYear; i >= 2019; i--){
if(langType == 0){
arr.push({
id: i + '',
value: i + '年'
});
} else {
arr.push({
id: i + '',
value: i
});
}
}
return arr.reverse();
}
function formatMonth (nowMonth) {
var arr = [];
for (var i = 1; i <= nowMonth; i++) {
if(langType == 0){
arr.push({
id: add0(i) + '',
value: add0(i) + '月'
});
} else {
arr.push({
id: add0(i) + '',
value: monthList[i]
});
}
}
return arr;
}
function formatDate (count) {
var arr = [];
for (var i = 1; i <= count; i++) {
if(langType==0){
arr.push({
id: add0(i) + '',
value: add0(i) + '日'
});
} else {
arr.push({
id: add0(i) + '',
value: add0(i)
});
}
}
return arr;
}
var yearData = function(callback) {
callback(formatYear(nowYear))
}
var monthData = function (year, callback) {
if(year == formatYear(nowYear)[formatYear(nowYear).length-1].id){
callback(formatMonth(nowMonth));
} else {
callback(formatMonth(12));
}
};
var dateData = function (year, month, callback) {
if (/^(01|03|05|07|08|10|12)$/.test(month)) {
if(month == nowMonth && year == formatYear(nowYear)[formatYear(nowYear).length-1].id){
callback(formatDate(nowDate));
} else {
callback(formatDate(31));
}
}
else if (/^(04|06|09|11)$/.test(month)) {
if(month == nowMonth && year == formatYear(nowYear)[formatYear(nowYear).length-1].id){
callback(formatDate(nowDate));
} else {
callback(formatDate(30));
}
}
else if (/^02$/.test(month)) {
if (year % 4 === 0 && year % 100 !==0 || year % 400 === 0) {
if(month == nowMonth && year == formatYear(nowYear)[formatYear(nowYear).length-1].id){
callback(formatDate(nowDate));
} else {
callback(formatDate(29));
}
}
else {
if(month == nowMonth && year == formatYear(nowYear)[formatYear(nowYear).length-1].id){
callback(formatDate(nowDate));
} else {
callback(formatDate(28));
}
}
}
else {
throw new Error('month is illegal');
}
};
selectDateDom.bind('click', function () {
var oneLevelId = showDateDom.attr('data-year');
var twoLevelId = showDateDom.attr('data-month');
var threeLevelId = showDateDom.attr('data-date');
console.log(monthData);
var iosSelect = new IosSelect(3,
[yearData, monthData, dateData],
{
title: langList[langType].income13,
itemHeight: 35,
oneLevelId: oneLevelId,
twoLevelId: twoLevelId,
threeLevelId: threeLevelId,
callback: function (selectOneObj, selectTwoObj, selectThreeObj) {
showDateDom.attr('data-year', add0(selectOneObj.id));
showDateDom.attr('data-month', add0(selectTwoObj.id));
showDateDom.attr('data-date', add0(selectThreeObj.id));
var str = selectOneObj.id+'-'+selectTwoObj.id + '-'+selectThreeObj.id;
$('.mHeadChange font:eq(0)').html(str);
$('.mHeadChange').attr('data-type','');
more = true;
next = false;
mPage = 1;
getData(mPage,str,true);
getUserIncomeTotal(mPage,str)
}
});
});
function add0(data){
return data>=10?data:'0'+data;
}
function getTime(time){
var timezone = 8;
var offset_GMT = new Date(time).getTimezoneOffset();
var nowDate = new Date(time).getTime();
var data = new Date(nowDate + offset_GMT * 60 * 1000 + timezone * 60 * 60 * 1000);
var year = data.getFullYear();
var month = data.getMonth()+1;
var day = data.getDate();
var hour = data.getHours();
var minute = data.getMinutes();
var sec = data.getSeconds();
return add0(year)+'.'+add0(month)+'.'+add0(day)+' '+add0(hour)+':'+add0(minute)+':'+add0(sec);
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<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">
<title></title>
<link rel="stylesheet" href="../layer-v3.1.0/layer.css">
<link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/index.css?v=202010211440">
<script type="text/javascript" src="../js/fsize.js"></script>
</head>
<body>
<div class="main">
<div class="mHead">
<span class="mHeadTitle ellipsis"></span>
<span class="mHeadChange" data-type="2"><font></font><font></font></span>
</div>
<div class="mChange hide">
<p data-type="1"></p>
<p data-type="2"></p>
<p data-type="3"></p>
<p data-type="4"></p>
<p data-type="5"></p>
<p data-type=""></p>
</div>
<div class="mList"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202010211440"></script>
<script type="text/javascript" src="js/common.js?v=202010211440"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
$('title').html(langList[langType].income6);
$('.mHeadTitle').html(langList[langType].income6+':'+'<font></font>');
$(window).bind("scroll", function () {
if($(document).scrollTop() + $(window).height() > $(document).height() - 1 && next){
if(more == true){
if($('.mHeadChange').attr('data-type')==''){
getData(mPage,$('.mHeadChange font:eq(0)').html());
} else {
getData(mPage);
}
}
}
})
getData(mPage);
getUserIncomeTotal(2);
function getUserIncomeTotal(datatype,time){
$.ajax({
url:$ip+'/user/getUserIncomeTotal.html',
data:{
page:1,
pageSize:50,
type:6,
date:time,
dataType:datatype,
},
success:function(res){
if(res.code == 1){
$('.mHeadTitle font').html(res.total);
} else {
layer.msg(res.msg);
}
}
})
}
function getData(page,time,type){
$.ajax({
url:$ip+'/user/getUserIncome.html',
data:{
page:page,
pageSize:50,
type:6,
date:time,
dataType:$('.mHeadChange').attr('data-type'),
},
success:function(res){
if(res.code == 1){
if(type){
$('.mList').empty();
more = true;
next = false;
mPage = 1;
}
var log = res.data;
var str = '';
if(log.length>0){
for(var i=0;i<log.length;i++){
str += '<div class="mDetail">';
if(log[i].avatar == '/user/boy.png' || log[i].avatar == 'user/giftl.png'){
str += ' <img class="mDetailImg" src="https://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80" />';
} else {
str += ' <img class="mDetailImg" src="'+cdn+log[i].avatar+'?x-oss-process=image/resize,w_80" />';
}
str += ' <div class="mDetailInfo">';
str += ' <p class="ellipsis">'+log[i].remark+'</p>';
str += ' <p class="ellipsis">'+getTime(log[i].logtime.time)+'</p>';
str += ' </div>';
str += ' <div class="mDetailInfo2">';
if(log[i].value>=0){
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />+'+log[i].value+'</p>';
} else {
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].value+'</p>';
}
str += ' </div>';
str += '</div>';
}
} else {
if(mPage == 1){
str += '<div class="notData">';
str += '<img src="../img/no-record.png"/>';
str += '<p>'+langList[langType].income14+'</p>';
str += '</div>';
}
}
$('.mList').append(str);
mPage++;
next = true;
if(res.data[49]==undefined){
more = false;
}
} else {
layer.msg(res.msg);
}
}
})
}
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<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">
<title></title>
<link rel="stylesheet" href="../layer-v3.1.0/layer.css">
<link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/index.css?v=202010211440">
<script type="text/javascript" src="../js/fsize.js"></script>
</head>
<body>
<div class="main">
<div class="mHead">
<span class="mHeadTitle ellipsis"></span>
<span class="mHeadChange" data-type="2"><font></font><font></font></span>
</div>
<div class="mChange hide">
<p data-type="1"></p>
<p data-type="2"></p>
<p data-type="3"></p>
<p data-type="4"></p>
<p data-type="5"></p>
<p data-type=""></p>
</div>
<div class="mList"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202010211440"></script>
<script type="text/javascript" src="js/common.js?v=202010211440"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
$('title').html(langList[langType].income1);
$('.mHeadTitle').html(langList[langType].income1+':'+'<font></font>');
$(window).bind("scroll", function () {
if($(document).scrollTop() + $(window).height() > $(document).height() - 1 && next){
if(more == true){
if($('.mHeadChange').attr('data-type')==''){
getData(mPage,$('.mHeadChange font:eq(0)').html());
} else {
getData(mPage);
}
}
}
})
getData(mPage);
getUserIncomeTotal(2);
function getUserIncomeTotal(datatype,time){
$.ajax({
url:$ip+'/user/getUserIncomeTotal.html',
data:{
page:1,
pageSize:50,
type:1,
date:time,
dataType:datatype,
},
success:function(res){
if(res.code == 1){
$('.mHeadTitle font').html(res.total);
} else {
layer.msg(res.msg);
}
}
})
}
function getData(page,time,type){
$.ajax({
url:$ip+'/user/getUserIncome.html',
data:{
page:page,
pageSize:50,
type:1,
date:time,
dataType:$('.mHeadChange').attr('data-type'),
},
success:function(res){
if(res.code == 1){
if(type){
$('.mList').empty();
more = true;
next = false;
mPage = 1;
}
var log = res.data;
var str = '';
if(log.length>0){
for(var i=0;i<log.length;i++){
str += '<div class="mDetail">';
if(log[i].avatar == '/user/boy.png' || log[i].avatar == 'user/giftl.png'){
str += ' <img class="mDetailImg" src="https://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80" />';
} else {
str += ' <img class="mDetailImg" src="'+cdn+log[i].avatar+'?x-oss-process=image/resize,w_80" />';
}
str += ' <div class="mDetailInfo">';
str += ' <p class="ellipsis">'+log[i].nickname+'</p>';
if(log[i].number!=undefined){
str += ' <p class="ellipsis">'+log[i].remark+'X'+log[i].number+'</p>';
} else {
str += ' <p class="ellipsis">'+log[i].remark+'</p>';
}
str += ' <p class="ellipsis">'+getTime(log[i].logtime.time)+'</p>';
str += ' </div>';
str += ' <div class="mDetailInfo2">';
if(log[i].value>=0){
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />+'+log[i].value+'</p>';
} else {
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].value+'</p>';
}
str += ' </div>';
str += '</div>';
}
} else {
if(mPage == 1){
str += '<div class="notData">';
str += '<img src="../img/no-record.png"/>';
str += '<p>'+langList[langType].income14+'</p>';
str += '</div>';
}
}
$('.mList').append(str);
mPage++;
next = true;
if(res.data[49]==undefined){
more = false;
}
} else {
layer.msg(res.msg);
}
}
})
}
</script>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8" />
<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">
<title></title>
<link rel="stylesheet" href="../../../css/iosSelect.css?v=202010211440">
<link rel="stylesheet" href="../layer-v3.1.0/layer.css">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="css/index.css?v=202010211440">
<script type="text/javascript" src="../js/fsize.js"></script>
<style type="text/css">
.mDetailInfo2 p:nth-child(3){
color:#333;
}
</style>
</head>
<body>
<div class="main">
<div class="mHead">
<span class="mHeadTitle ellipsis"></span>
<span class="mHeadChange" data-type="2"><font></font><font></font></span>
</div>
<div class="mChange hide">
<p data-type="1"></p>
<p data-type="2"></p>
<p data-type="3"></p>
<p data-type="4"></p>
<p data-type="5"></p>
<p data-type=""></p>
</div>
<div class="mList"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202010211440"></script>
<script type="text/javascript" src="js/common.js?v=202010211440"></script>
<script src="js/iosSelect.js"></script>
<script type="text/javascript">
$('title').html(langList[langType].income4);
$('.mHeadTitle').html(langList[langType].income4+':'+'<font></font>');
$(window).bind("scroll", function () {
if($(document).scrollTop() + $(window).height() > $(document).height() - 1 && next){
if(more == true){
if($('.mHeadChange').attr('data-type')==''){
getData(mPage,$('.mHeadChange font:eq(0)').html());
} else {
getData(mPage);
}
}
}
})
getData(mPage);
getUserIncomeTotal(2);
function getUserIncomeTotal(datatype,time){
$.ajax({
url:$ip+'/user/getUserIncomeTotal.html',
data:{
page:1,
pageSize:50,
type:2,
date:time,
dataType:datatype,
},
success:function(res){
if(res.code == 1){
$('.mHeadTitle font').html(res.total);
} else {
layer.msg(res.msg);
}
}
})
}
function getData(page,time,type){
$.ajax({
url:$ip+'/user/getUserIncome.html',
data:{
page:page,
pageSize:50,
type:2,
date:time,
dataType:$('.mHeadChange').attr('data-type'),
},
success:function(res){
if(res.code == 1){
if(type){
$('.mList').empty();
more = true;
next = false;
mPage = 1;
}
var log = res.data;
var str = '';
if(log.length>0){
for(var i=0;i<log.length;i++){
str += '<div class="mDetail">';
if(log[i].face == '/user/boy.png' || log[i].face == 'user/giftl.png'){
str += ' <img class="mDetailImg" src="https://app.ixiulive.com/static/images/head2.png?x-oss-process=image/resize,w_80" />';
} else {
str += ' <img class="mDetailImg" src="'+cdn+log[i].face+'?x-oss-process=image/resize,w_80" />';
}
str += ' <div class="mDetailInfo">';
str += ' <p class="ellipsis">'+langList[langType].income15+'</p>';
str += ' <p class="ellipsis">'+langList[langType].income16+'</p>';
str += ' <p class="ellipsis">'+getTime(log[i].createtime.time)+'</p>';
str += ' </div>';
str += ' <div class="mDetailInfo2">';
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].bonds+'</p>';
str += ' <p class="ellipsis"><img src="../img/yumao3.png" />'+log[i].giftbonds+'</p>';
str += ' <p class="ellipsis">'+langList[langType].income17+' '+getTime2(log[i].times)+'</p>';
str += ' </div>';
str += '</div>';
}
} else {
if(mPage == 1){
str += '<div class="notData">';
str += '<img src="../img/no-record.png"/>';
str += '<p>'+langList[langType].income14+'</p>';
str += '</div>';
}
}
$('.mList').append(str);
mPage++;
next = true;
if(res.data[49]==undefined){
more = false;
}
} else {
layer.msg(res.msg);
}
}
})
}
function getTime2(data){
var time = data/1000;
var second = Math.floor(time % 60);//秒
var minute = Math.floor((time/60)%60) //分
var str = '';
if(second!=0&&minute!=0){
str = minute + langList[langType].income18 + second + langList[langType].income19;
}
if(second==0){
str = minute + langList[langType].income18;
}
if(minute==0){
str = second + langList[langType].income19;
}
return str;
}
</script>
</html>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
if(langType!=0){ if(langType!=0){
$('body').addClass('L_En') $('body').addClass('L_En')
} }
//var $url = 'http://ceshi.yabolive.tv/footseen';
var $url = 'https://www.footseen.com/footseen'; var $url = 'https://www.footseen.com/footseen';
$('title').html(langList[langType].share11); $('title').html(langList[langType].share11);
......
...@@ -20,7 +20,7 @@ body{ ...@@ -20,7 +20,7 @@ body{
margin: 0 auto; margin: 0 auto;
padding-top: .266rem; padding-top: .266rem;
} }
.mTop{ /*.mTop{
background: url(../img/bg.png) no-repeat; background: url(../img/bg.png) no-repeat;
background-size: 9.226rem 7.76rem; background-size: 9.226rem 7.76rem;
width: 9.226rem; width: 9.226rem;
...@@ -80,7 +80,7 @@ body{ ...@@ -80,7 +80,7 @@ body{
font-size: 0.293rem; font-size: 0.293rem;
color:#999; color:#999;
margin-top: 0.48rem; margin-top: 0.48rem;
} }*/
.mButton{ .mButton{
position: relative; position: relative;
width: 100%; width: 100%;
...@@ -242,3 +242,60 @@ body{ ...@@ -242,3 +242,60 @@ body{
font-size: 0.346rem; font-size: 0.346rem;
color:#000; color:#000;
} }
.mBox{
background-color: #FFF1F7;
border-radius: 0.32rem;
-webkit-border-radius: 0.32rem;
-moz-border-radius: 0.32rem;
-ms-border-radius: 0.32rem;
width: 8.8rem;
height: 3.866rem;
position: relative;
margin: 0 auto;
}
.mTopBoxTitle{
position: absolute;
left: 0;
top: 0.96rem;
width: 100%;
font-size: 0.373rem;
color:#343434;
width: 100%;
text-align: center;
}
.mTopBoxTitle span{
background: url(../img/icon.png) no-repeat;
background-size: 100% 100%;
width: 0.306rem;
height: 0.373rem;
display: inline-block;
margin-right: 0.08rem;
vertical-align: middle;
margin-top: -.05rem;
}
.mTopBoxNum{
font-size: 1.2rem;
color: #925EEB;
position: absolute;
left: 0;
top: 1.786rem;
text-align: center;
width: 100%;
font-weight: bold;
}
.mTopBoxNum span{
background: url(../img/next.png?v=202010151904) no-repeat;
background-size: 100% 100%;
width: 0.186rem;
height: 0.32rem;
display: inline-block;
vertical-align: middle;
margin-top: -.2rem;
margin-left: 0.373rem;
}
.mBox2{
background-color:#F1E8FF;
margin-top: 0.493rem;
}
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
</body> </body>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://www.footseen.com/js/swiper.min.js"></script> <script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202010211044" ></script> <script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202010211450" ></script>
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript"> <script type="text/javascript">
......
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
</body> </body>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://www.footseen.com/js/swiper.min.js"></script> <script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.footseen.com/js/langIos.js?v=202010211044" ></script> <script type="text/javascript" src="https://www.footseen.com/js/langIos.js?v=202010211450" ></script>
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript"> <script type="text/javascript">
......
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