Skip to content

libai / fsActive

Go to a project
Commit 563e568a by libai
Options

ft活动上线

parent 0c9f6783
Inline Side-by-side
Showing with 115 additions and 25 deletions
activeFt/hotGirl/css/index.css
...@@ -3,6 +3,40 @@ ...@@ -3,6 +3,40 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.ref {
width: 0.72rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.rule-bg {
width: 10rem;
height: 21.973rem;
background: url(../images/rule-bg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.callKF {
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
}
.rule-btn {
width: 1.72rem;
position: fixed;
top: 5rem;
right: 0;
z-index: 500;
}
.back {
width: 1.72rem;
position: fixed;
top: 5rem;
right: 0;
z-index: 500;
}
.bg-bottom { .bg-bottom {
width: 10rem; width: 10rem;
height: 54.946rem; height: 54.946rem;
...@@ -15,7 +49,7 @@ ...@@ -15,7 +49,7 @@
} }
.bg2 { .bg2 {
position: absolute; position: absolute;
top: 23.7rem; top: 25.7rem;
z-index: -1; z-index: -1;
width: 10rem; width: 10rem;
height: 5.706rem; height: 5.706rem;
...@@ -31,7 +65,7 @@ ...@@ -31,7 +65,7 @@
} }
.gift-box { .gift-box {
width: 9.81rem; width: 9.81rem;
height: 6.69rem; height: 8.93rem;
background: url(../images/gift-box.png) no-repeat; background: url(../images/gift-box.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
...@@ -64,6 +98,7 @@ ...@@ -64,6 +98,7 @@
position: absolute; position: absolute;
left: 2.3rem; left: 2.3rem;
top: 0.6rem; top: 0.6rem;
border-radius: 1rem;
} }
.king1-p1 { .king1-p1 {
text-align: center; text-align: center;
...@@ -98,6 +133,7 @@ ...@@ -98,6 +133,7 @@
position: absolute; position: absolute;
right: 2.3rem; right: 2.3rem;
top: 0.6rem; top: 0.6rem;
border-radius: 1rem ;
} }
.king2-p1 { .king2-p1 {
text-align: center; text-align: center;
......
activeFt/hotGirl/css/index.less
...@@ -3,6 +3,40 @@ ...@@ -3,6 +3,40 @@
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
} }
.ref{
width: 0.72rem;
position: fixed;
top: 5rem;
left: 0;
z-index: 500;
}
.rule-bg{
width: 10rem;
height: 21.973rem;
background: url(../images/rule-bg.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.callKF{
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
}
.rule-btn{
width: 1.72rem;
position: fixed;
top: 5rem;
right: 0;
z-index: 500;
}
.back{
width: 1.72rem;
position: fixed;
top: 5rem;
right: 0;
z-index: 500;
}
.bg-bottom{ .bg-bottom{
width: 10rem; width: 10rem;
height: 54.946rem; height: 54.946rem;
...@@ -15,7 +49,7 @@ ...@@ -15,7 +49,7 @@
} }
.bg2{ .bg2{
position: absolute; position: absolute;
top: 23.7rem; top: 25.7rem;
z-index: -1; z-index: -1;
width: 10rem; width: 10rem;
height: 5.706rem; height: 5.706rem;
...@@ -31,7 +65,7 @@ ...@@ -31,7 +65,7 @@
} }
.gift-box{ .gift-box{
width: 9.81rem; width: 9.81rem;
height: 6.69rem; height: 8.93rem;
background: url(../images/gift-box.png)no-repeat; background: url(../images/gift-box.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
...@@ -65,6 +99,7 @@ ...@@ -65,6 +99,7 @@
position: absolute; position: absolute;
left: 2.3rem; left: 2.3rem;
top: 0.6rem; top: 0.6rem;
border-radius: 1rem;
} }
.king1-p1{ .king1-p1{
text-align: center; text-align: center;
...@@ -100,6 +135,7 @@ ...@@ -100,6 +135,7 @@
position: absolute; position: absolute;
right: 2.3rem; right: 2.3rem;
top: 0.6rem; top: 0.6rem;
border-radius: 1rem ;
} }
.king2-p1{ .king2-p1{
text-align: center; text-align: center;
......
activeFt/hotGirl/images/gift-box.png
activeFt/hotGirl/images/gift-box.png

40.3 KB | W: | H:

activeFt/hotGirl/images/gift-box.png

55.1 KB | W: | H:

activeFt/hotGirl/images/gift-box.png
activeFt/hotGirl/images/gift-box.png
activeFt/hotGirl/images/gift-box.png
activeFt/hotGirl/images/gift-box.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/hotGirl/images/list-box1.png
activeFt/hotGirl/images/list-box1.png

133 KB | W: | H:

activeFt/hotGirl/images/list-box1.png

32.9 KB | W: | H:

activeFt/hotGirl/images/list-box1.png
activeFt/hotGirl/images/list-box1.png
activeFt/hotGirl/images/list-box1.png
activeFt/hotGirl/images/list-box1.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/hotGirl/images/list-box2.png
activeFt/hotGirl/images/list-box2.png

130 KB | W: | H:

activeFt/hotGirl/images/list-box2.png

35.6 KB | W: | H:

activeFt/hotGirl/images/list-box2.png
activeFt/hotGirl/images/list-box2.png
activeFt/hotGirl/images/list-box2.png
activeFt/hotGirl/images/list-box2.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/hotGirl/index.html
...@@ -33,12 +33,14 @@ ...@@ -33,12 +33,14 @@
<div style="display: none;" class="layer-rule1"></div> <div style="display: none;" class="layer-rule1"></div>
<div style="display: none;" class="layer-rule2"></div> <div style="display: none;" class="layer-rule2"></div>
<div class="bg"> <div class="bg">
<img class="ref" src="images/ref.png" alt="">
<a href="rule.html"><img class="rule-btn" src="images/rule-btn.png" alt=""></a>
<div class="bg-bottom"></div> <div class="bg-bottom"></div>
<div class="bg2"></div> <div class="bg2"></div>
<div class="banner"></div> <div class="banner"></div>
<div class="gift-box"></div> <div class="gift-box"></div>
<div class="task-box"> <div class="task-box">
<div class="task-top-title">火辣女生榜</div> <div class="task-top-title">每日驚喜福利</div>
<img class="question1" src="images/question.png" alt=""> <img class="question1" src="images/question.png" alt="">
<div class="task-tips1">(儲值任意金額后福利翻一番！)</div> <div class="task-tips1">(儲值任意金額后福利翻一番！)</div>
<div class="task-box1"> <div class="task-box1">
...@@ -236,9 +238,11 @@ $(function(){ ...@@ -236,9 +238,11 @@ $(function(){
}) })
} }
else if(data.result.todayWatchTask.status==1){ else if(data.result.todayWatchTask.status==1){
$("taks2-btn").unbind("click").on("click",function(){ $(".task2-btn").unbind("click").on("click",function(){
getTack(2) getTack(2)
}) })
}else if(data.result.todayWatchTask.status==2){
$(".task2-btn").unbind("click").addClass("task-btn-end")
} }
//直播間輸入口令 //直播間輸入口令
$(".task-box3-p2").text(data.result.todaySpeakTask.speakMsg) $(".task-box3-p2").text(data.result.todaySpeakTask.speakMsg)
...@@ -307,7 +311,7 @@ $(".list2-btn1 div").on("click",function(){ ...@@ -307,7 +311,7 @@ $(".list2-btn1 div").on("click",function(){
}, },
success:function(data){ success:function(data){
console.log("獲取榜單數據",data) console.log("獲取榜單數據",data)
type==1?scoreName='心動值' : scoreName='富豪值' type==1?scoreName='火辣指數' : scoreName='富豪值數'
if(data.result.rankList[0]==undefined){ if(data.result.rankList[0]==undefined){
$(".list-top-box"+type+"").html('<h2>暫無數據~</h2>') $(".list-top-box"+type+"").html('<h2>暫無數據~</h2>')
$(".list-ul"+type+"").html('') $(".list-ul"+type+"").html('')
...@@ -364,6 +368,7 @@ $(".list2-btn1 div").on("click",function(){ ...@@ -364,6 +368,7 @@ $(".list2-btn1 div").on("click",function(){
}) })
} }
$(".king2-img2").attr("src","https://big.bgp.ourpow.com/comm"+data.result.userRichData.face+"?x-oss-process=image/resize,w_110") $(".king2-img2").attr("src","https://big.bgp.ourpow.com/comm"+data.result.userRichData.face+"?x-oss-process=image/resize,w_110")
$(".king2-p2").text(data.result.userRichData.nickName)
$(".king2-img1").unbind("click").on("click",function(){ $(".king2-img1").unbind("click").on("click",function(){
window.location.href='yazhai://_' + data.result.userRichData.uid + '_zone' window.location.href='yazhai://_' + data.result.userRichData.uid + '_zone'
}) })
...@@ -371,6 +376,7 @@ $(".list2-btn1 div").on("click",function(){ ...@@ -371,6 +376,7 @@ $(".list2-btn1 div").on("click",function(){
$(".king2-like-btn").addClass("like2") $(".king2-like-btn").addClass("like2")
}else{ }else{
$(".king2-like-btn").removeClass("like2").unbind("click").on("click",function(){ $(".king2-like-btn").removeClass("like2").unbind("click").on("click",function(){
console.log(121212)
likeMc(data.result.userRichData.uid) likeMc(data.result.userRichData.uid)
}) })
} }
...@@ -387,6 +393,8 @@ $(".list2-btn1 div").on("click",function(){ ...@@ -387,6 +393,8 @@ $(".list2-btn1 div").on("click",function(){
if(data.code==1){ if(data.code==1){
layer.msg("關注成功") layer.msg("關注成功")
topMc() topMc()
}else{
layer.msg(data.msg)
} }
} }
}) })
......
activeFt/hotGirl/lib/default.js
...@@ -5,10 +5,12 @@ ...@@ -5,10 +5,12 @@
if (bbb.indexOf("https://activity.yazhaiyabo.com/") > -1) { if (bbb.indexOf("https://activity.yazhaiyabo.com/") > -1) {
$ip = "https://webserver.yabolive.net"; $ip = "https://webserver.yabolive.net";
_url3 = 'https://webserver.yabolive.net'; _url3 = 'https://webserver.yabolive.net';
$url='1'
} }
else{ else{
$ip = 'http://ceshi.yabolive.tv/web'; $ip = 'http://ceshi.yabolive.tv/web';
_url3 = 'http://ceshi.yabolive.tv'; _url3 = 'http://ceshi.yabolive.tv';
$url='2'
} }
var bbb = location.href; var bbb = location.href;
var data = url_get_params(bbb) var data = url_get_params(bbb)
...@@ -65,7 +67,7 @@ else{ ...@@ -65,7 +67,7 @@ else{
} }
if (bbb.indexOf("file:///D:/") > -1) { if (bbb.indexOf("file:///D:/") > -1) {
sessionStorage.lang=2 sessionStorage.lang=2
sessionStorage.uid = 155100; sessionStorage.uid = 11145312;
sessionStorage.token = 'debug' sessionStorage.token = 'debug'
sessionStorage.roomId=11145272; sessionStorage.roomId=11145272;
sessionStorage.version=8890 sessionStorage.version=8890
......
activeFt/hotGirl/oldView.html
...@@ -73,15 +73,17 @@ $(function(){ ...@@ -73,15 +73,17 @@ $(function(){
$(".room-bg1").on("click",function(){ $(".room-bg1").on("click",function(){
var myJson = { var obj = {
"cid": 31, "cid": 12,
"reqCode": new Date().getTime(),
"data": { "data": {
popupType: 1, "msg": '跳转集合功能',
url:'http://test.ybact.yazhaiyabo.com/activeFt/hotGirl/index.html', "jumptype": 3,
"url": $url + "/activeFt/hotGirl/index.html" + location.search,
} }
} }
var obj=JSON.stringify(myJson); var obj2 = JSON.stringify(obj);
appCollaboration(obj) appCollaboration(obj2);
}) })
function getData(roomid) { function getData(roomid) {
var opts = { var opts = {
...@@ -99,9 +101,13 @@ $(function(){ ...@@ -99,9 +101,13 @@ $(function(){
socket.on('ThatGirl', function (msg) { socket.on('ThatGirl', function (msg) {
var data=JSON.parse(msg) var data=JSON.parse(msg)
$(".room-bg1").show() if(data.rank>0){
$(".room-bg-p1 span").text(data.score) $(".room-bg1").show()
$(".room-bg-p2 span").text(data.rank) $(".room-bg-p1 span").text(data.score)
$(".room-bg-p2 span").text(data.rank)
}else{
$(".room-bg1").hide()
}
}); });
socket.on('disconnect', function () { socket.on('disconnect', function () {
......
activeFt/hotGirl/rule.html
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<title></title> <title>辣個女生-活動規則</title>
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</style> </style>
</head> </head>
<script src="lib/lottie-player.js"></script> <script src="lib/lottie-player.js"></script>
<body style="background: rgba(0, 0, 0, 0);"> <body style="background: #B1DCFF;">
<div class="rule-bg"> <div class="rule-bg">
<a href="javascript:history.go(-1);"><img class="back" src="images/back.png" alt=""></a> <a href="javascript:history.go(-1);"><img class="back" src="images/back.png" alt=""></a>
<div class="callKF"></div> <div class="callKF"></div>
......
ftIcon/liveData/index.html
...@@ -75,15 +75,17 @@ $(function(){ ...@@ -75,15 +75,17 @@ $(function(){
//活動 //活動
getData() getData()
$(".r1").on("click",function(){ $(".r1").on("click",function(){
var myJson = { var obj = {
"cid": 31, "cid": 12,
"reqCode": new Date().getTime(),
"data": { "data": {
popupType: 1, "msg": '跳转集合功能',
url:'http://test.ybact.yazhaiyabo.com/activeFt/hotGirl/index.html', "jumptype": 3,
"url": $url + "/activeFt/hotGirl/index.html" + location.search,
} }
} }
var obj=JSON.stringify(myJson); var obj2 = JSON.stringify(obj);
appCollaboration(obj) appCollaboration(obj2);
}) })
function getData() { function getData() {
var opts = { var opts = {
......
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