Skip to content

libai / fsActive

Go to a project
Commit 0c8fb9ba by libai
Options

ft活动上线

parent 0bf4e56d
Inline Side-by-side
Showing with 551 additions and 42 deletions
activeFt/luckyFly/css/index.css
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
background: url(../images/top-btn1.png) no-repeat; background: url(../images/top-btn1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
transition: 0.2s all;
} }
.top-btn1 div { .top-btn1 div {
width: 50%; width: 50%;
...@@ -53,6 +54,7 @@ ...@@ -53,6 +54,7 @@
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-top: 4rem; margin-top: 4rem;
transition: 0.2s all;
} }
.list-btn1 div { .list-btn1 div {
width: 50%; width: 50%;
...@@ -220,6 +222,7 @@ ...@@ -220,6 +222,7 @@
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-top: 1.9rem; margin-top: 1.9rem;
transition: 0.2s all;
} }
.lang-btn1 div { .lang-btn1 div {
width: 50%; width: 50%;
...@@ -678,6 +681,9 @@ iframe { ...@@ -678,6 +681,9 @@ iframe {
animation-iteration-count: infinite; animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
} }
.fly-gift-stage3 {
left: -0.35rem;
}
.act-room-bg { .act-room-bg {
position: relative; position: relative;
width: 8rem; width: 8rem;
......
activeFt/luckyFly/css/index.less
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
background: url(../images/top-btn1.png)no-repeat; background: url(../images/top-btn1.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
transition: 0.2s all;
div{ div{
width: 50%; width: 50%;
height: 2.133rem; height: 2.133rem;
...@@ -54,6 +55,7 @@ ...@@ -54,6 +55,7 @@
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-top: 4rem; margin-top: 4rem;
transition: 0.2s all;
div{ div{
width: 50%; width: 50%;
float: left; float: left;
...@@ -222,6 +224,7 @@ ...@@ -222,6 +224,7 @@
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-top: 1.9rem; margin-top: 1.9rem;
transition: 0.2s all;
div{ div{
width: 50%; width: 50%;
float: left; float: left;
...@@ -686,7 +689,7 @@ iframe{ ...@@ -686,7 +689,7 @@ iframe{
-webkit-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
} }
.fly-gift-stage3{ .fly-gift-stage3{
left: -0.35rem;
} }
.act-room-bg{ .act-room-bg{
position: relative; position: relative;
......
activeFt/luckyFly/index.html
...@@ -132,12 +132,7 @@ ...@@ -132,12 +132,7 @@
<script src="lib/swiper.min.js"></script> <script src="lib/swiper.min.js"></script>
<script> <script>
$(function(){ $(function(){
var bbb = location.href; var oneGame=true;
if (bbb.indexOf("https://fsactive.fusi.club/") > -1) {
$("iframe").attr("src","https://fsactive.fusi.club/activeFt/luckySpace/index.html"+location.search+""+"&roomid=11132174")
}else{
$("iframe").attr("src","http://testfsactive.fusi.club/activeFt/luckySpace/index.html"+location.search+""+"&roomid=999991")
}
$(".top-btn1 div").eq(0).on("click",function(){ $(".top-btn1 div").eq(0).on("click",function(){
$(".user-box").hide() $(".user-box").hide()
$(".mc-box").fadeIn(200) $(".mc-box").fadeIn(200)
...@@ -149,6 +144,15 @@ $(function(){ ...@@ -149,6 +144,15 @@ $(function(){
$(".top-btn1").addClass("top-btn2") $(".top-btn1").addClass("top-btn2")
task() task()
getFlyTask() getFlyTask()
if(oneGame==true){
oneGame=false
var bbb = location.href;
if (bbb.indexOf("https://fsactive.fusi.club/") > -1) {
$("iframe").attr("src","https://fsactive.fusi.club/activeFt/luckySpace/index.html"+location.search+""+"&roomid=999992")
}else{
$("iframe").attr("src","http://testfsactive.fusi.club/activeFt/luckySpace/index.html"+location.search+""+"&roomid=999992")
}
}
}) })
$(".list-btn1 div").on("click",function(){ $(".list-btn1 div").on("click",function(){
var _self=$(this) var _self=$(this)
...@@ -171,7 +175,6 @@ $(function(){ ...@@ -171,7 +175,6 @@ $(function(){
} }
}) })
mcList(0) mcList(0)
function mcList(e){ function mcList(e){
$.ajax({ $.ajax({
url:$ip+'/actSpaceOdyssey/getRankData.html', url:$ip+'/actSpaceOdyssey/getRankData.html',
...@@ -186,7 +189,7 @@ $(function(){ ...@@ -186,7 +189,7 @@ $(function(){
var list=data.result.rankList[i] var list=data.result.rankList[i]
html+='<div class="mc-top-box'+(i+1)+'">'; html+='<div class="mc-top-box'+(i+1)+'">';
html+='<div class="king"></div>'; html+='<div class="king"></div>';
html+='<img class="king-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">'; html+='<a href="yazhai://_' + list.uid + '_zone"><img class="king-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p class="top-p1">'+list.name+'</p>'; html+='<p class="top-p1">'+list.name+'</p>';
html+='<p class="top-p2">探索值</p>'; html+='<p class="top-p2">探索值</p>';
html+='<p class="top-p3">'+list.score+'</p>'; html+='<p class="top-p3">'+list.score+'</p>';
...@@ -199,7 +202,7 @@ $(function(){ ...@@ -199,7 +202,7 @@ $(function(){
html+='<li>'; html+='<li>';
html+='<div class="mc-li1">'+(i+1)+'</div>'; html+='<div class="mc-li1">'+(i+1)+'</div>';
html+='<div class="mc-li2">'; html+='<div class="mc-li2">';
html+='<img src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">'; html+='<a href="yazhai://_' + list.uid + '_zone"><img src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p>'+list.name+'</p>'; html+='<p>'+list.name+'</p>';
html+='</div>'; html+='</div>';
html+='<div class="mc-li3">探索值 <span>'+list.score+'</span></div>'; html+='<div class="mc-li3">探索值 <span>'+list.score+'</span></div>';
...@@ -207,7 +210,6 @@ $(function(){ ...@@ -207,7 +210,6 @@ $(function(){
} }
$(".mc-ul").html(html); $(".mc-ul").html(html);
} }
}) })
} }
function userList(e){ function userList(e){
...@@ -224,7 +226,7 @@ $(function(){ ...@@ -224,7 +226,7 @@ $(function(){
html+='<li>'; html+='<li>';
html+='<div class="user-li1">1</div>'; html+='<div class="user-li1">1</div>';
html+='<div class="user-li2">'; html+='<div class="user-li2">';
html+='<img class="user-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">'; html+='<a href="yazhai://_' + list.uid + '_zone"><img class="user-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p>'+list.name+'</p>'; html+='<p>'+list.name+'</p>';
html+='</div>'; html+='</div>';
html+='<div class="user-li3">飛行值 : <span>'+list.score+'</span></div>'; html+='<div class="user-li3">飛行值 : <span>'+list.score+'</span></div>';
...@@ -239,6 +241,7 @@ $(function(){ ...@@ -239,6 +241,7 @@ $(function(){
url:$ip+'/actSpaceOdyssey/getUserTaskData.html', url:$ip+'/actSpaceOdyssey/getUserTaskData.html',
success:function(data){ success:function(data){
console.log('任务数据',data) console.log('任务数据',data)
$("#target").text(data.result.taskList[2].speakMsg)
for(var i=0;i<data.result.taskList.length;i++){ for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i] var list=data.result.taskList[i]
$(".task"+(i+1)+"").unbind("click") $(".task"+(i+1)+"").unbind("click")
...@@ -326,6 +329,7 @@ $(function(){ ...@@ -326,6 +329,7 @@ $(function(){
console.log('飞行补给站数据',data) console.log('飞行补给站数据',data)
for(var i=0;i<data.result.taskList.length;i++){ for(var i=0;i<data.result.taskList.length;i++){
var list=data.result.taskList[i] var list=data.result.taskList[i]
$(".fly-gift"+(i+1)+"").removeClass('fly-gift-stage1 fly-gift-stage2 fly-gift-stage3')
if(list.taskStatus==0){ if(list.taskStatus==0){
$(".fly-gift"+(i+1)+"").addClass("fly-gift-stage1").attr("data-type",list.taskId) $(".fly-gift"+(i+1)+"").addClass("fly-gift-stage1").attr("data-type",list.taskId)
} }
...@@ -338,7 +342,7 @@ $(function(){ ...@@ -338,7 +342,7 @@ $(function(){
} }
else if(list.taskStatus==2){ else if(list.taskStatus==2){
$(".fly-gift"+(i+1)+"").addClass("fly-gift-stage3").attr("data-type",list.taskId) $(".fly-gift"+(i+1)+"").addClass("fly-gift-stage3").attr("data-type",list.taskId)
$(".fly-gift"+(i+1)+"").attr("src","images/gift3.png") $(".fly-gift"+(i+1)+"").attr("src","images/gift2.png")
$(".fly-gift"+(i+1)+"").unbind("click") $(".fly-gift"+(i+1)+"").unbind("click")
} }
......
activeFt/luckyFly/lib/default.js
...@@ -69,7 +69,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1 ...@@ -69,7 +69,7 @@ if(sessionStorage.open==undefined)sessionStorage.open=1
} }
if (bbb.indexOf("file:///E:") > -1) { if (bbb.indexOf("file:///E:") > -1) {
sessionStorage.lang=1 sessionStorage.lang=1
sessionStorage.uid =155100; sessionStorage.uid =11147102;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=11134747; sessionStorage.roomId=11134747;
sessionStorage.version=8890 sessionStorage.version=8890
......
activeFt/luckyFly/oldView.html
...@@ -81,19 +81,19 @@ $(function(){ ...@@ -81,19 +81,19 @@ $(function(){
},60000) },60000)
setTimeout(function(){ setTimeout(function(){
if(sessionStorage.lang==2)return; if(sessionStorage.lang==2)return;
$.ajax({ // $.ajax({
url:$ip+'/actSecretGarden/openPopup.html', // url:$ip+'/actSecretGarden/openPopup.html',
data:{ // data:{
width:'0', // width:'0',
popupUrl:$url + "/activeFt/Fishing/pop.html", // popupUrl:$url + "/activeFt/Fishing/pop.html",
height:'0.5', // height:'0.5',
heightR:'80', // heightR:'80',
x:'0', // x:'0',
y:'0.5', // y:'0.5',
}, // },
success:function(){ // success:function(){
} // }
}) // })
if(localStorage.fish==undefined||localStorage.fish<new Date().getTime()){ if(localStorage.fish==undefined||localStorage.fish<new Date().getTime()){
localStorage.fish=(Number(new Date().getTime())+86400000) localStorage.fish=(Number(new Date().getTime())+86400000)
......
activeFt/luckySpace/css/index.css
...@@ -616,6 +616,109 @@ ...@@ -616,6 +616,109 @@
position: relative; position: relative;
display: none; display: none;
} }
.layer-yes2 {
position: relative;
width: 9.906rem;
height: 8.32rem;
background: url(../images/layer-yes2.png) no-repeat;
background-size: 100% 100%;
display: none;
}
.layer-yes2-p1 {
height: 1.3rem;
width: 3.3rem;
position: absolute;
top: 1.5rem;
left: 1rem;
}
.line {
height: 0.3rem;
width: 0.1rem;
background: #0BFCFF;
border-radius: 1rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
}
.layer-yes2-txt1 {
color: #0BFCFF;
font-size: 0.35rem;
text-indent: 0.3rem;
}
.layer-yes2-txt2 {
color: #fff;
font-weight: 700;
font-size: 0.4rem;
background: #143363;
display: inline-block;
float: left;
margin-top: 0.15rem;
padding-left: 0.15rem;
padding-right: 0.15rem;
margin-left: 0.2rem;
}
.layer-yes2-p2 {
height: 1.3rem;
width: 3.3rem;
position: absolute;
top: 1.5rem;
left: 4.5rem;
}
.layer-yes2-p3 {
height: 1.3rem;
width: 3.3rem;
position: absolute;
top: 3.3rem;
left: 1rem;
}
.layer-yes2-p4 {
height: 1.3rem;
width: 3.3rem;
position: absolute;
top: 3.3rem;
left: 4.5rem;
}
.layer-yes-topUser {
height: 1.8rem;
width: 8.5rem;
position: absolute;
top: 5.73rem;
left: 0.65rem;
}
.topUser-face {
width: 1.05rem;
height: 1.05rem;
border-radius: 50%;
position: absolute;
top: 0.5rem;
left: 0.25rem;
}
.topUser-p1 {
color: #0BFFFF;
font-size: 0.3rem;
text-indent: 1.5rem;
padding-top: 0.5rem;
}
.topUser-p2 {
color: #fff;
font-size: 0.3rem;
text-indent: 1.5rem;
padding-top: 0.1rem;
}
.topUser-p3 {
color: #fff;
font-size: 0.3rem;
position: absolute;
top: 0.5rem;
right: 0.4rem;
}
.topUser-p4 {
color: #FF405B;
font-size: 0.35rem;
position: absolute;
top: 0.98rem;
right: 0.4rem;
}
.layer-boom { .layer-boom {
width: 9.906rem; width: 9.906rem;
height: 8.32rem; height: 8.32rem;
...@@ -624,6 +727,13 @@ ...@@ -624,6 +727,13 @@
position: relative; position: relative;
display: none; display: none;
} }
.layer-no2 {
position: relative;
width: 9.906rem;
height: 8.32rem;
background: url(../images/layer-no2.png) no-repeat;
background-size: 100% 100%;
}
.layer-no-p1 { .layer-no-p1 {
color: #fff; color: #fff;
font-size: 0.35rem; font-size: 0.35rem;
...@@ -1083,3 +1193,83 @@ ...@@ -1083,3 +1193,83 @@
background: url(../images/top-btn2.png) no-repeat; background: url(../images/top-btn2.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.top-btn3 {
top: 0.3rem;
right: 1.1rem;
position: absolute;
width: 0.653rem;
height: 0.653rem;
background: url(../images/top-btn3.png) no-repeat;
background-size: 100% 100%;
}
.layer-record {
width: 10rem;
height: 10.72rem;
background: url(../images/layer-record.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: -10rem;
overflow: hidden;
bottom: 0;
z-index: 500;
transition: 0.3s all;
}
.layer-record .back {
width: 0.653rem;
position: absolute;
top: 0.9rem;
left: 0.5rem;
}
.layer-record-ul {
width: 9.4rem;
height: 7.1rem;
margin: 0 auto;
overflow: scroll;
-webkit-overflow-scrolling: touch;
margin-top: 3rem;
position: relative;
}
.layer-record-ul li {
width: 9.4rem;
height: 0.9rem;
position: relative;
}
.layer-record-ul li:nth-child(2n-1) {
background: #0F2951;
}
.layer-record-ul .layer-record1 {
width: 2.4rem;
height: 0.9rem;
line-height: 0.9rem;
color: #fff;
text-indent: 0.35rem;
font-size: 0.35rem;
float: left;
}
.layer-record-ul .layer-record2 {
width: 1.6rem;
height: 0.9rem;
line-height: 0.9rem;
float: left;
font-size: 0.35rem;
color: #fff;
text-indent: 0.35rem;
}
.layer-record-ul .layer-record3 {
width: 2.9rem;
height: 0.9rem;
float: left;
font-size: 0.35rem;
color: #fff;
line-height: 0.9rem;
text-indent: 1.2rem;
}
.layer-record-ul .layer-record4 {
width: 2.4rem;
height: 0.9rem;
float: left;
color: #fff;
font-size: 0.35rem;
line-height: 0.9rem;
text-indent: 0.6rem;
}
activeFt/luckySpace/css/index.less
...@@ -585,6 +585,115 @@ ...@@ -585,6 +585,115 @@
position: relative; position: relative;
display: none; display: none;
} }
.layer-yes2{
position: relative;
width: 9.906rem;
height: 8.32rem;
background: url(../images/layer-yes2.png)no-repeat;
background-size: 100% 100%;
display: none;
}
.layer-yes2-p1{
height: 1.3rem;
width: 3.3rem;
// background: pink;
position: absolute;
top: 1.5rem;
left: 1rem;
}
.line{
height: 0.3rem;
width: 0.1rem;
background: #0BFCFF;
border-radius: 1rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
}
.layer-yes2-txt1{
color: #0BFCFF;
font-size: 0.35rem;
text-indent: 0.3rem;
}
.layer-yes2-txt2{
color: #fff;
font-weight: 700;
font-size: 0.4rem;
background: #143363;
display: inline-block;
float: left;
margin-top: 0.15rem;
padding-left: 0.15rem;
padding-right: 0.15rem;
margin-left: 0.2rem;
}
.layer-yes2-p2{
height: 1.3rem;
width: 3.3rem;
// background: pink;
position: absolute;
top: 1.5rem;
left: 4.5rem;
}
.layer-yes2-p3{
height: 1.3rem;
width: 3.3rem;
// background: pink;
position: absolute;
top: 3.3rem;
left: 1rem;
}
.layer-yes2-p4{
height: 1.3rem;
width: 3.3rem;
// background: pink;
position: absolute;
top: 3.3rem;
left: 4.5rem;
}
.layer-yes-topUser{
height: 1.8rem;
width: 8.5rem;
// background: pink;
position: absolute;
top: 5.73rem;
left: 0.65rem;
}
.topUser-face{
width: 1.05rem;
height: 1.05rem;
border-radius: 50%;
position: absolute;
top: 0.5rem;
left: 0.25rem;
}
.topUser-p1{
color: #0BFFFF;
font-size: 0.3rem;
text-indent: 1.5rem;
padding-top: 0.5rem;
}
.topUser-p2{
color: #fff;
font-size: 0.3rem;
text-indent: 1.5rem;
padding-top: 0.1rem;
}
.topUser-p3{
color: #fff;
font-size: 0.3rem;
position: absolute;
top: 0.5rem;
right: 0.4rem;
}
.topUser-p4{
color: #FF405B;
font-size: 0.35rem;
position: absolute;
top: 0.98rem;
right: 0.4rem;
}
.layer-boom{ .layer-boom{
width: 9.906rem; width: 9.906rem;
height: 8.32rem; height: 8.32rem;
...@@ -593,6 +702,14 @@ ...@@ -593,6 +702,14 @@
position: relative; position: relative;
display: none; display: none;
} }
.layer-no2{
position: relative;
width: 9.906rem;
height: 8.32rem;
background: url(../images/layer-no2.png)no-repeat;
background-size: 100% 100%;
// display: none;
}
.layer-no-p1{ .layer-no-p1{
color: #fff; color: #fff;
font-size: 0.35rem; font-size: 0.35rem;
...@@ -1070,3 +1187,84 @@ ...@@ -1070,3 +1187,84 @@
background: url(../images/top-btn2.png)no-repeat; background: url(../images/top-btn2.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.top-btn3{
top: 0.3rem;
right: 1.1rem;
position: absolute;
width: 0.653rem;
height: 0.653rem;
background: url(../images/top-btn3.png)no-repeat;
background-size: 100% 100%;
}
.layer-record{
width: 10rem;
height: 10.72rem;
background: url(../images/layer-record.png)no-repeat;
background-size: 100% 100%;
position: absolute;
left: -10rem;
overflow: hidden;
bottom: 0;
z-index: 500;
transition: 0.3s all;
.back{
width: 0.653rem;
position: absolute;
top: 0.9rem;
left: 0.5rem;
}
}
.layer-record-ul{
width: 9.4rem;
height: 7.1rem;
margin: 0 auto;
overflow: scroll;
-webkit-overflow-scrolling: touch;
// background: pink;
margin-top: 3rem;
position: relative;
li{
width: 9.4rem;
height: 0.9rem;
position: relative;
}
li:nth-child(2n-1){
background: #0F2951;
}
.layer-record1{
width: 2.4rem;
height: 0.9rem;
line-height: 0.9rem;
color: #fff;
text-indent: 0.35rem;
font-size: 0.35rem;
float: left;
}
.layer-record2{
width: 1.6rem;
height: 0.9rem;
line-height: 0.9rem;
float: left;
font-size: 0.35rem;
color: #fff;
text-indent: 0.35rem;
}
.layer-record3{
width: 2.9rem;
height: 0.9rem;
float: left;
font-size: 0.35rem;
color: #fff;
line-height: 0.9rem;
text-indent: 1.2rem;
}
.layer-record4{
width: 2.4rem;
height: 0.9rem;
float: left;
color: #fff;
font-size: 0.35rem;
line-height: 0.9rem;
text-indent: 0.6rem;
}
}
\ No newline at end of file
activeFt/luckySpace/images/layer-record.png
activeFt/luckySpace/images/layer-record.png

45.5 KB | W: | H:

activeFt/luckySpace/images/layer-record.png

52.9 KB | W: | H:

activeFt/luckySpace/images/layer-record.png
activeFt/luckySpace/images/layer-record.png
activeFt/luckySpace/images/layer-record.png
activeFt/luckySpace/images/layer-record.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/luckySpace/images/rule-text.png
activeFt/luckySpace/images/rule-text.png

57.5 KB | W: | H:

activeFt/luckySpace/images/rule-text.png

46.1 KB | W: | H:

activeFt/luckySpace/images/rule-text.png
activeFt/luckySpace/images/rule-text.png
activeFt/luckySpace/images/rule-text.png
activeFt/luckySpace/images/rule-text.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/luckySpace/index.html
...@@ -39,7 +39,6 @@ ...@@ -39,7 +39,6 @@
<p class="layer-yes-p3">xxxx米</p> <p class="layer-yes-p3">xxxx米</p>
<div class="layer-yes-gift-box1"> <div class="layer-yes-gift-box1">
<img src="images/gift.png" alt=""> <img src="images/gift.png" alt="">
</div> </div>
<div class="layer-yes-gift-text1"> <div class="layer-yes-gift-text1">
<p>漫游太空</p> <p>漫游太空</p>
...@@ -53,6 +52,80 @@ ...@@ -53,6 +52,80 @@
<p class="yes-gift-text1-p2">XX钻石</p> <p class="yes-gift-text1-p2">XX钻石</p>
</div> </div>
</div> </div>
<div class="layer-record">
<img class="back" src="images/back.png" alt="">
<ul class="layer-record-ul">
<li>
<div class="layer-record1">000213</div>
<div class="layer-record2">8006</div>
<div class="layer-record3">5.3x</div>
<div class="layer-record4">58.36x</div>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="layer-yes2">
<div class="layer-yes2-p1">
<div class="line"></div>
<p class="layer-yes2-txt1">贏取露水總額</p>
<p class="layer-yes2-txt2">500813</p>
</div>
<div class="layer-yes2-p2">
<div class="line"></div>
<p class="layer-yes2-txt1">飛船最高高度</p>
<p class="layer-yes2-txt2">655米</p>
</div>
<div class="layer-yes2-p3">
<div class="line"></div>
<p class="layer-yes2-txt1">初始攜帶露水</p>
<p class="layer-yes2-txt2">500813</p>
</div>
<div class="layer-yes2-p4">
<div class="line"></div>
<p class="layer-yes2-txt1">我的勝利倍率</p>
<p class="layer-yes2-txt2">2.53x</p>
</div>
<div class="layer-yes-topUser">
<img class="topUser-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="topUser-p1">本日王牌飛行員</p>
<p class="topUser-p2">巴斯光年</p>
<p class="topUser-p3">最高倍率</p>
<p class="topUser-p4">96.85x</p>
</div>
</div>
<div style="display: none;" class="layer-no2">
<div class="layer-yes2-p1">
<div class="line"></div>
<p class="layer-yes2-txt1">贏取露水總額</p>
<p class="layer-yes2-txt2">500813</p>
</div>
<div class="layer-yes2-p2">
<div class="line"></div>
<p class="layer-yes2-txt1">飛船最高高度</p>
<p class="layer-yes2-txt2">655米</p>
</div>
<div class="layer-yes2-p3">
<div class="line"></div>
<p class="layer-yes2-txt1">初始攜帶露水</p>
<p class="layer-yes2-txt2">0</p>
</div>
<div class="layer-yes2-p4">
<div class="line"></div>
<p class="layer-yes2-txt1">我的勝利倍率</p>
<p class="layer-yes2-txt2">0x</p>
</div>
<div class="layer-yes-topUser">
<img class="topUser-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<p class="topUser-p1">本日王牌飛行員</p>
<p class="topUser-p2">巴斯光年</p>
<p class="topUser-p3">最高倍率</p>
<p class="topUser-p4">96.85x</p>
</div>
</div>
<div class="layer-no"> <div class="layer-no">
<p class="layer-no-p1">5000米</p> <p class="layer-no-p1">5000米</p>
<p class="layer-no-p2">0钻石</p> <p class="layer-no-p2">0钻石</p>
...@@ -245,6 +318,7 @@ ...@@ -245,6 +318,7 @@
</div> </div>
<div class="top-btn1"></div> <div class="top-btn1"></div>
<div class="top-btn2"></div> <div class="top-btn2"></div>
<div class="top-btn3"></div>
<!-- <div data-type="1" class="more-btn"></div> <!-- <div data-type="1" class="more-btn"></div>
<div class="more-list"> <div class="more-list">
<div>玩法介绍</div> <div>玩法介绍</div>
...@@ -359,10 +433,14 @@ $(function(){ ...@@ -359,10 +433,14 @@ $(function(){
$(".layer-history2").css("left","0rem") $(".layer-history2").css("left","0rem")
history() history()
}) })
$(".top-btn3").on("click",function(){
$(".layer-record").css("left","0rem")
})
$(".back").on("click",function(){ $(".back").on("click",function(){
$(".layer-rule").css("left","-10rem") $(".layer-rule").css("left","-10rem")
$(".layer-history2").css("left","-10rem") $(".layer-history2").css("left","-10rem")
$(".layer-list").css("left","-10rem") $(".layer-list").css("left","-10rem")
$(".layer-record").css("left","-10rem")
}) })
var moneyArr=['',"<img src='images/dew.png'>100","<img src='images/dew.png'>1000","<img src='images/dew.png'>10k","<img src='images/dew.png'>100k"] var moneyArr=['',"<img src='images/dew.png'>100","<img src='images/dew.png'>1000","<img src='images/dew.png'>10k","<img src='images/dew.png'>100k"]
var moneyArr2=['',"<img src='images/dew.png'>100","<img src='images/dew.png'>1000","<img src='images/dew.png'>10k","<img src='images/dew.png'>100k"] var moneyArr2=['',"<img src='images/dew.png'>100","<img src='images/dew.png'>1000","<img src='images/dew.png'>10k","<img src='images/dew.png'>100k"]
...@@ -469,6 +547,27 @@ $(function(){ ...@@ -469,6 +547,27 @@ $(function(){
} }
},90) },90)
} }
record()
function record(){
$.ajax({
url:$ip+'/rocketlaunch/queryMyLaunchRecord',
success:function(data){
console.log('查询我的飞行记录',data)
var html=''
for(var i=0;i<data.result.recordList.length;i++){
var list=data.result.recordList[i]
html+='<li>';
html+='<div class="layer-record1">'+list.gameStage+'</div>';
html+='<div class="layer-record2">'+list.bettingAmount+'</div>';
if(list.jumpHeight==0) html+='<div class="layer-record3">未下船</div>';
else html+='<div class="layer-record3">'+list.jumpHeight/100+'x</div>';
html+='<div class="layer-record4">'+list.maxLaunchHeight+'x</div>';
html+='</li>';
}
$(".layer-record-ul").html(html)
}
})
}
function user(){ function user(){
$.ajax({ $.ajax({
url:$ip+'/rocketlaunch/queryUserInfo', url:$ip+'/rocketlaunch/queryUserInfo',
...@@ -480,10 +579,10 @@ $(function(){ ...@@ -480,10 +579,10 @@ $(function(){
}) })
} }
myDiamond() myDiamond()
view2() // view2()
setInterval(function(){ // setInterval(function(){
view2() // view2()
},500) // },500)
function view2(){ function view2(){
$.ajax({ $.ajax({
url:$ip+'/rocketlaunch/queryLaunchInfo', url:$ip+'/rocketlaunch/queryLaunchInfo',
...@@ -610,15 +709,17 @@ $(function(){ ...@@ -610,15 +709,17 @@ $(function(){
$(".star-show").removeClass("star-show-go") $(".star-show").removeClass("star-show-go")
if(data.result.userData.player ==0){ if(data.result.userData.player ==0){
//你未参与 //你未参与
$(".layer-no-p1").text(""+data.result.shipData.launchHeight+"米") $(".layer-yes2-p1 .layer-yes2-txt2").text('0')
$(".layer-no-p2").text("0露水") $(".layer-yes2-p2 .layer-yes2-txt2").text(""+data.result.shipData.launchHeight+"米")
$(".layer-yes2-p3 .layer-yes2-txt2").text("0露水")
$(".layer-yes2-p4 .layer-yes2-txt2").text('0.00x')
layer.open({ layer.open({
type: 1, type: 1,
title: false, title: false,
shadeClose: false, shadeClose: false,
skin: "yourclass5", skin: "yourclass5",
area: ["9.906rem", "8.32rem"], area: ["9.906rem", "8.32rem"],
content: $(".layer-no"), content: $(".layer-no2"),
end: function () { end: function () {
$(".layui-layer-shade").hide() $(".layui-layer-shade").hide()
} }
...@@ -627,22 +728,24 @@ $(function(){ ...@@ -627,22 +728,24 @@ $(function(){
if(data.result.userData.jumper==1){ if(data.result.userData.jumper==1){
//跳船成功 //跳船成功
// layer-over // layer-over
$(".layer-over .layer-yes-p1").text(""+data.result.shipData.launchHeight+"米")
$(".layer-over .layer-yes-p2").text(""+data.result.userData.userBetAmount+"露水")
$(".layer-over .layer-yes-p3").text(""+data.result.userData.jumpHeight+"米") $(".layer-yes2-p1 .layer-yes2-txt2").text(data.result.userData.userBetAmount)
$(".yes-gift-text1-p1").text("--个") $(".layer-yes2-p2 .layer-yes2-txt2").text(""+data.result.shipData.launchHeight+"米")
$(".yes-gift-text1-p2").text(""+data.result.userData.userBetAmount+"露水") $(".layer-yes2-p3 .layer-yes2-txt2").text(""+data.result.userData.userBetAmount+"露水")
$(".layer-yes2-p4 .layer-yes2-txt2").text(data.result.userData.jumpHeigh*10+'x')
layer.open({ layer.open({
type: 1, type: 1,
title: false, title: false,
shadeClose: false, shadeClose: false,
skin: "yourclass5", skin: "yourclass5",
area: ["9.906rem", "8.32rem"], area: ["9.906rem", "8.32rem"],
content: $(".layer-over"), content: $(".layer-yes2"),
end: function () { end: function () {
$(".layui-layer-shade").hide() $(".layui-layer-shade").hide()
} }
}) })
} }
if(data.result.userData.player==1&&data.result.userData.jumper==0){ if(data.result.userData.player==1&&data.result.userData.jumper==0){
$(".layer-no-p1").text(""+data.result.shipData.launchHeight+"米") $(".layer-no-p1").text(""+data.result.shipData.launchHeight+"米")
...@@ -907,7 +1010,11 @@ $(function(){ ...@@ -907,7 +1010,11 @@ $(function(){
var list=data.result.recordList[i] var list=data.result.recordList[i]
html+='<li>'; html+='<li>';
html+='<p class="history2-p1">'+list.gameStage +'</p>'; html+='<p class="history2-p1">'+list.gameStage +'</p>';
html+='<p class="history2-p2">'+list.launchHeight/100+'x</p>'; if(list.launchHeight>=100&&list.launchHeight<200)html+='<p style="color:#CCF783" class="history2-p2">'+list.launchHeight/100+'x</p>';
if(list.launchHeight>=200&&list.launchHeight<500) html+='<p style="color:#FFF81D" class="history2-p2">'+list.launchHeight/100+'x</p>';
if(list.launchHeight>=500&&list.launchHeight<1000)html+='<p style="color:#FCCA00" class="history2-p2">'+list.launchHeight/100+'x</p>';
if(list.launchHeight>=1000&&list.launchHeight<3000) html+='<p style="color:#BD3124" class="history2-p2">'+list.launchHeight/100+'x</p>';
if(list.launchHeight>=3000) html+='<p style="color:#951D1D" class="history2-p2">'+list.launchHeight/100+'x</p>';
html+='</li>'; html+='</li>';
} }
$(".layer-history2-ul").html(html); $(".layer-history2-ul").html(html);
......
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