Skip to content

libai / guodong

Go to a project
Commit 04f449ed by libai
Options

测试

parent 5815fd55
Inline Side-by-side
Showing with 789 additions and 0 deletions
gzh/css/myData.css 0 → 100644
.bg {
width: 10rem;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.bg-top {
background: #F4F4F4;
height: 0.15rem;
}
.face-box {
height: 1.7rem;
position: relative;
}
.face-img {
position: absolute;
width: 1rem;
height: 1rem;
border-radius: 50%;
top: 0.35rem;
left: 0.55rem;
}
.face-p1 {
color: #252525;
font-size: 0.4rem;
text-indent: 1.8rem;
padding-top: 0.35rem;
}
.face-p2 {
color: #485050;
font-size: 0.3rem;
text-indent: 1.8rem;
padding-top: 0.05rem;
}
.list-btn-box {
height: 1rem;
position: relative;
}
.list-btn-box select {
background: #E4F9F9;
width: 1.5rem;
height: 0.7rem;
line-height: 0.65rem;
font-size: 0.3rem;
color: #1D1D1D;
font-weight: 700;
display: inline-block;
text-align: center;
position: absolute;
filter: none !important;
outline: none;
background-image: none !important;
text-indent: 0.2rem;
right: 0.65rem;
top: 0.1rem;
}
.list-btn-box select option {
text-align: center !important;
font-size: 0.3rem;
border: none;
/*清除select聚焦时候的边框颜色*/
outline: none;
text-indent: 0.2rem;
}
.list-btn-ul {
margin-left: 0.3rem;
}
.list-btn-ul li {
width: 1.7rem;
height: 1rem;
float: left;
text-align: center;
line-height: 1rem;
color: #858585;
font-size: 0.4rem;
position: relative;
}
.list-btn-ul .list-li-click {
font-size: 0.42rem;
font-weight: 700;
color: #161616;
}
.list-btn-ul .list-li-click .list-btn-dian {
display: block;
}
.list-btn-dian {
display: none;
position: absolute;
width: 0.4rem;
height: 0.08rem;
background: #05E2E2;
bottom: 0;
border-radius: 1rem;
left: 0.65rem;
}
.list-top-box {
height: 1.75rem;
width: 9rem;
margin: 0 auto;
border-bottom: 1px solid #84F5F5;
margin-top: 0.4rem;
}
.list-top-box1 {
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
}
.list-top-box1 p:nth-child(1) {
color: #00D0D0;
font-size: 0.35rem;
font-weight: 700;
text-align: center;
padding-top: 0.35rem;
}
.list-top-box1 p:nth-child(2) {
color: #40E7E7;
font-size: 0.3rem;
text-align: center;
padding-top: 0.05rem;
}
.list-top-box2 {
width: 2.7rem;
height: 1.75rem;
float: left;
position: relative;
}
.list-top-box2 p:nth-child(1) {
color: #00D0D0;
font-size: 0.35rem;
font-weight: 700;
text-align: center;
padding-top: 0.35rem;
}
.list-top-box2 p:nth-child(2) {
color: #40E7E7;
font-size: 0.3rem;
text-align: center;
padding-top: 0.05rem;
}
.rule-left {
height: 0.35rem;
width: 0.03rem;
background: #1EEDED;
position: absolute;
left: 0;
top: 0.75rem;
}
.rule-right {
height: 0.35rem;
width: 0.03rem;
background: #1EEDED;
position: absolute;
right: 0;
top: 0.75rem;
}
.list-top-box3 {
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
}
.list-top-box3 p:nth-child(1) {
color: #00D0D0;
font-size: 0.35rem;
font-weight: 700;
text-align: center;
padding-top: 0.35rem;
}
.list-top-box3 p:nth-child(2) {
color: #40E7E7;
font-size: 0.3rem;
text-align: center;
padding-top: 0.05rem;
}
.list-ul li {
height: 1.8rem;
width: 9rem;
margin: 0 auto;
border-bottom: 1px solid #F1F1F1;
}
.list-ul .list-span1 {
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
}
.list-ul .list-span1-p1 {
color: #979797;
font-size: 0.3rem;
padding-top: 0.2rem;
margin-left: 0.2rem;
}
.list-ul .list-span1-p2 {
color: #040404;
font-size: 0.35rem;
margin-left: 0.2rem;
font-weight: 700;
padding-top: 0.05rem;
}
.list-ul .list-span1-p3 {
color: #979797;
font-size: 0.3rem;
padding-top: 0.1rem;
text-indent: 0.8rem;
}
.list-ul .list-span2 {
width: 2.7rem;
height: 1.75rem;
float: left;
position: relative;
}
.list-ul .list-span2 .list-span2-p1 {
color: #040404;
font-size: 0.35rem;
text-align: center;
font-weight: 700;
padding-top: 0.62rem;
}
.list-ul .list-span2 .list-span2-p2 {
color: #979797;
font-size: 0.3rem;
padding-top: 0.1rem;
text-align: center;
}
.list-ul .list-span3 {
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
}
.list-ul .list-span3 .list-span3-p1 {
color: #040404;
font-size: 0.35rem;
text-align: center;
font-weight: 700;
padding-top: 0.62rem;
}
.list-ul .list-span3 .list-span3-p2 {
color: #979797;
font-size: 0.3rem;
padding-top: 0.1rem;
text-align: center;
}
.fml-go {
display: none;
position: relative;
width: 9.6rem;
height: 3.2rem;
background: url(../images/fml-go.jpg) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
border-radius: 0.2rem;
}
.fml-go img {
position: absolute;
left: 2.56rem;
top: 1.7rem;
width: 4.48rem;
animation: heartbeat 1.5s infinite;
-webkit-animation: heartbeat 1.5s infinite;
}
gzh/css/myData.less 0 → 100644
.bg{
width: 10rem;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.bg-top{
background: #F4F4F4;
height: 0.15rem;
}
.face-box{
height: 1.7rem;
position: relative;
}
.face-img{
position: absolute;
width: 1rem;
height: 1rem;
border-radius: 50%;
top: 0.35rem;
left: 0.55rem;
}
.face-p1{
color: #252525;
font-size: 0.4rem;
text-indent: 1.8rem;
padding-top: 0.35rem;
}
.face-p2{
color: #485050;
font-size: 0.3rem;
text-indent: 1.8rem;
padding-top: 0.05rem;
}
.list-btn-box{
height: 1rem;
position: relative;
select{
background: #E4F9F9;
width: 1.5rem;
height: 0.7rem;
line-height: 0.65rem;
font-size: 0.3rem;
color: #1D1D1D;
font-weight: 700;
display: inline-block;
text-align: center;
position: absolute;
filter: none !important;
outline: none;
background-image: none !important;
text-indent: 0.2rem;
right: 0.65rem;
top: 0.1rem;
option{
text-align: center !important;
font-size: 0.3rem;
border: none;
/*清除select聚焦时候的边框颜色*/
outline: none;
text-indent: 0.2rem;
}
}
}
.list-btn-ul{
margin-left: 0.3rem;
li{
width: 1.7rem;
height: 1rem;
float: left;
text-align: center;
line-height: 1rem;
color: #858585;
font-size: 0.4rem;
position: relative;
}
.list-li-click{
font-size: 0.42rem;
font-weight: 700;
color: #161616;
.list-btn-dian{
display: block;
}
}
}
.list-btn-dian{
display: none;
position: absolute;
width: 0.4rem;
height: 0.08rem;
background: #05E2E2;
bottom: 0;
border-radius: 1rem;
left: 0.65rem;
}
.list-top-box{
height: 1.75rem;
width: 9rem;
margin: 0 auto;
border-bottom: 1px solid #84F5F5;
margin-top: 0.4rem;
}
.list-top-box1{
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
p:nth-child(1){
color: #00D0D0;
font-size: 0.35rem;
font-weight: 700;
text-align: center;
padding-top: 0.35rem;
}
p:nth-child(2){
color: #40E7E7;
font-size: 0.3rem;
text-align: center;
padding-top: 0.05rem;
}
}
.list-top-box2{
width: 2.7rem;
height: 1.75rem;
float: left;
position: relative;
p:nth-child(1){
color: #00D0D0;
font-size: 0.35rem;
font-weight: 700;
text-align: center;
padding-top: 0.35rem;
}
p:nth-child(2){
color: #40E7E7;
font-size: 0.3rem;
text-align: center;
padding-top: 0.05rem;
}
}
.rule-left{
height: 0.35rem;
width: 0.03rem;
background: #1EEDED;
position: absolute;
left: 0;
top: 0.75rem;
}
.rule-right{
height: 0.35rem;
width: 0.03rem;
background: #1EEDED;
position: absolute;
right: 0;
top: 0.75rem;
}
.list-top-box3{
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
p:nth-child(1){
color: #00D0D0;
font-size: 0.35rem;
font-weight: 700;
text-align: center;
padding-top: 0.35rem;
}
p:nth-child(2){
color: #40E7E7;
font-size: 0.3rem;
text-align: center;
padding-top: 0.05rem;
}
}
.list-ul{
li{
height: 1.8rem;
width: 9rem;
margin: 0 auto;
border-bottom: 1px solid #F1F1F1;
}
.list-span1{
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
}
.list-span1-p1{
color: #979797;
font-size: 0.3rem;
padding-top: 0.2rem;
margin-left: 0.2rem;
}
.list-span1-p2{
color: #040404;
font-size: 0.35rem;
margin-left: 0.2rem;
font-weight: 700;
padding-top: 0.05rem;
}
.list-span1-p3{
color: #979797;
font-size: 0.3rem;
padding-top: 0.1rem;
text-indent: 0.8rem;
}
.list-span2{
width: 2.7rem;
height: 1.75rem;
float: left;
position: relative;
.list-span2-p1{
color: #040404;
font-size: 0.35rem;
text-align: center;
font-weight: 700;
padding-top: 0.62rem;
}
.list-span2-p2{
color: #979797;
font-size: 0.3rem;
padding-top: 0.1rem;
text-align: center;
}
}
.list-span3{
width: 3.15rem;
height: 1.75rem;
float: left;
position: relative;
.list-span3-p1{
color: #040404;
font-size: 0.35rem;
text-align: center;
font-weight: 700;
padding-top: 0.62rem;
}
.list-span3-p2{
color: #979797;
font-size: 0.3rem;
padding-top: 0.1rem;
text-align: center;
}
}
}
.fml-go{
display: none;
position: relative;
width: 9.6rem;
height: 3.2rem;
background: url(../images/fml-go.jpg)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
border-radius: 0.2rem;
img{
position: absolute;
left: 2.56rem;
top: 1.7rem;
width: 4.48rem;
animation:heartbeat 1.5s infinite ;
-webkit-animation:heartbeat 1.5s infinite ;
}
}
\ No newline at end of file
gzh/myData.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<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/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/myData.css">
<script src="lib/fsize.js"></script>
<style>
.layui-layer-ico {
display: none !important;
}
.layui-layer{
box-shadow: none !important;
}
.yourclass{
background: rgba(0,0,0,0) !important;
border-radius: 0.4rem !important;
}
.layui-layer-page .layui-layer-content{
border-radius: 0.4rem !important;
}
.yourclass2{
border-radius: 0rem !important;
background: rgba(0,0,0,0) !important;
}
.yourclass2 .layui-layer-content{
border-radius: 0rem !important;
}
</style>
</head>
<body>
<div class="bg-top"></div>
<div class="bg">
<div class="face-box">
<!-- <img class="face-img" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
<p class=face-p1>尼莫是条鱼</p>
<p class=face-p2>果冻 ID:256123</p> -->
</div>
<div class="list-btn-box">
<ul class="list-btn-ul">
<li class="list-li-click">本周<div class="list-btn-dian"></div></li>
<li>上周<div class="list-btn-dian"></div></li>
</ul>
<select>
<option value ="1">按周</option>
<option value ="2">按月</option>
</select>
</div>
<div class="list-top-box clearfix">
<!-- <div class="list-top-box1">
<p>20小时+10小时</p>
<p>直播总时长</p>
</div>
<div class="list-top-box2">
<p>5天</p>
<p>总有效天</p>
<div class="rule-left"></div>
<div class="rule-right"></div>
</div>
<div class="list-top-box3">
<p>10000000果券</p>
<p>直播总收益</p>
</div> -->
</div>
<ul class="list-ul">
<!-- <li>
<span class="list-span1">
<p class="list-span1-p1">2021.5.20</p>
<p class="list-span1-p2">3.6小时+2小时</p>
<p class="list-span1-p3">直播时长</p>
</span>
<span class="list-span2">
<p class="list-span2-p1">1天</p>
<p class="list-span2-p2">有效天</p>
</span>
<span class="list-span3">
<p class="list-span3-p1">50000果券</p>
<p class="list-span3-p2">直播收益</p>
</span>
</li> -->
</ul>
<div class="fml-go"><img src="images/fml-btn.png" alt=""></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
// $ip = 'http://test.api.lvdou66.com/';
$ip = 'https://zhibo.lvdou66.com/';
//$ip = 'https://zhibo.lvdou66.com/87server/'
// $ip = 'https://zhibo.lvdou66.com/';
cdn = 'http://zhibocdn.ishuaji.cn/comm';
var bbb = location.href;
var data = url_get_params(bbb)
var myM=1;
var myW=1
function url_get_params(url_path) {
var url = url_path;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
if (bbb.indexOf("file:///D") > -1) {
sessionStorage.uid = 23865771;
sessionStorage.token = 'debug'
sessionStorage.roomId=23864554
// sessionStorage.pkg='qiezi'
}
//ajax设置默认参数
$.ajaxSetup({
global: false,
type: 'get',
data: {
uid: sessionStorage.uid,
token: sessionStorage.token
},
dataType: "JSON"
})
$(".list-btn-ul li").eq(0).on("click",function(){
myW=1
$(".list-btn-ul li").eq(1).removeClass("list-li-click")
$(".list-btn-ul li").eq(0).addClass("list-li-click")
list(myM,myW)
})
$(".list-btn-ul li").eq(1).on("click",function(){
myW=2
$(".list-btn-ul li").eq(0).removeClass("list-li-click")
$(".list-btn-ul li").eq(1).addClass("list-li-click")
list(myM,myW)
})
$("select").on("change",function(){
if($('select option:selected').val()==1){
myM=1
$(".list-btn-ul li").eq(0).html('本周<div class="list-btn-dian"></div>')
$(".list-btn-ul li").eq(1).html('上周<div class="list-btn-dian"></div>')
list(myM,myW)
}
else if($('select option:selected').val()==2){
myM=2
$(".list-btn-ul li").eq(0).html('本月<div class="list-btn-dian"></div>')
$(".list-btn-ul li").eq(1).html('上月<div class="list-btn-dian"></div>')
list(myM,myW)
}
})
list(myM,myW)
function list(m,w){
$.ajax({
url:'http://test.api.lvdou66.com:8200/data/getMicLiveDetail',
data:{
querytype:m,
timetype:w
},
success:function(data){
console.log('主播直播明细',data)
var html=[];
html+='<img class="face-img" src="https://zhibocdn.lvdou66.com/comm'+data.result.avatar+'?x-oss-process=image/resize,w_80" alt="">';
html+='<p class="face-p1">'+data.result.nickname+'</p>';
html+='<p class="face-p2">果冻 ID:'+data.result.uid+'</p>';
$(".face-box").html(html);
var html=[];
html+='<div class="list-top-box1">';
html+='<p>'+Math.floor(data.result.data.totalTime/60*10)+'小时+'+Math.floor(data.result.data.totalEtime/60*10)+'小时</p>';
html+='<p>直播总时长</p>';
html+='</div>';
html+='<div class="list-top-box2">';
html+='<p>'+data.result.data.totalEfday+'天</p>';
html+='<p>总有效天</p>';
html+='<div class="rule-left"></div>';
html+='<div class="rule-right"></div>';
html+='</div>';
html+='<div class="list-top-box3">';
html+='<p>'+data.result.data.totalBonds+'果券</p>';
html+='<p>直播总收益</p>';
html+='</div>';
$(".list-top-box").html(html);
var html=[];
if(data.result.data.detail==undefined){
$(".list-ul").html('');
return;
}
for(var i=0;i<data.result.data.detail.length;i++){
var list=data.result.data.detail[i]
html+='<li>';
html+='<span class="list-span1">';
html+='<p class="list-span1-p1">'+list.statdate+'</p>';
html+='<p class="list-span1-p2">'+Math.floor(list.time/60*10)+'小时+'+Math.floor(list.etime/60*10)+'小时</p>';
html+='<p class="list-span1-p3">直播时长</p>';
html+='</span>';
html+='<span class="list-span2">';
html+='<p class="list-span2-p1">'+list.efday+'天</p>';
html+='<p class="list-span2-p2">有效天</p>';
html+='</span>';
html+='<span class="list-span3">';
html+='<p class="list-span3-p1">'+list.livebonds+'果券</p>';
html+='<p class="list-span3-p2">直播收益</p>';
html+='</span>';
html+='</li>';
$(".list-ul").html(html);
}
}
})
}
$.ajax({
url:''+$ip+'weblive/webfamily/isdisplay.html',
type: "get",
data: {
uid:localStorage.uid,
token:localStorage.token,
debug:'debug'
},
success:function(msg){
var data=JSON.parse(msg)
console.log("是否展示",data)
if(data.code==1){
if(data.state==1){
$(".withdraw-btn").css("margin-top","0.8rem")
$(".fml-go").show()
}else{
}
}
}
})
function appCollaboration(msg) {
var ua = window.navigator.userAgent.toLowerCase();
try{
if (/iphone|ipad|ipod/.test(ua)) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
}else if(/android/.test(ua)){
window.yazhai.appCollaboration(msg);
}
}catch (e){}
}
$("option").eq(1).on("click",function(){
console.log(22)
})
//客户端回调结果
function appCallback(msg) {
console.log(msg);
}
</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