Skip to content

libai / fsActive

Go to a project
Commit a053d9e1 by libai
Options

ft活动上线

parent 57273488
Inline Side-by-side
Showing with 252 additions and 14 deletions
activeFt/hotGirl/css/index.css
......@@ -96,6 +96,14 @@
background: url(../images/en/like2.png) no-repeat;
background-size: 100% 100%;
}
.bg-en .top-girls {
background: url(../images/en/top-girls.png) no-repeat !important;
background-size: 100% 100% !important;
}
.bg-en .layer-record {
background: url(../images/en/layer-record.png) no-repeat !important;
background-size: 100% 100% !important;
}
i {
font-style: normal;
}
......@@ -107,7 +115,7 @@ i {
.ref {
width: 0.72rem;
position: fixed;
top: 5rem;
top: 5.8rem;
left: 0;
z-index: 500;
}
......@@ -131,6 +139,16 @@ i {
right: 0;
z-index: 500;
}
.top-girls {
width: 1.72rem;
height: 0.613rem;
background: url(../images/top-girls.png) no-repeat;
background-size: 100% 100%;
position: fixed;
left: 0;
top: 5rem;
z-index: 500;
}
.back {
width: 1.72rem;
position: fixed;
......@@ -732,3 +750,67 @@ i {
background-size: 100% 100%;
position: relative;
}
.layer-record {
width: 8.133rem;
height: 7.293rem;
background: url(../images/layer-record.png) no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
}
.layer-record-ul {
width: 7rem;
margin: 0 auto;
margin-top: 1.3rem;
height: 5.4rem;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.layer-record-ul li {
width: 1.75rem;
height: 1.8rem;
float: left;
position: relative;
font-size: 0;
text-align: center;
}
.record-face {
width: 0.9rem;
height: 0.9rem;
border-radius: 1rem;
border: 0.03rem solid #3A3936;
}
.record-like {
width: 0.9216rem;
height: 0.272rem;
position: absolute;
top: 0.68rem;
left: 0.4rem;
z-index: 6;
background: url(../images/like.png) no-repeat;
background-size: 100% 100%;
}
.record-like-end {
background: url(../images/like2.png) no-repeat;
background-size: 100% 100%;
}
.record-p1 {
transform: scale(0.9);
width: 1.75rem;
color: #fff;
font-size: 0.3rem;
text-shadow: 0.02rem 0.02rem 0.03rem #244FDB;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.record-p2 {
transform: scale(0.9);
width: 1.75rem;
color: #fff;
font-size: 0.3rem;
text-shadow: 0.02rem 0.02rem 0.03rem #244FDB;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
activeFt/hotGirl/css/index.less
......@@ -107,6 +107,14 @@
background: url(../images/en/like2.png) no-repeat;
background-size: 100% 100%;
}
.top-girls{
background: url(../images/en/top-girls.png) no-repeat !important;
background-size: 100% 100% !important;
}
.layer-record{
background: url(../images/en/layer-record.png)no-repeat !important;
background-size: 100% 100% !important;
}
}
i{
font-style: normal;
......@@ -120,7 +128,7 @@ i{
.ref{
width: 0.72rem;
position: fixed;
top: 5rem;
top: 5.8rem;
left: 0;
z-index: 500;
}
......@@ -144,6 +152,16 @@ i{
right: 0;
z-index: 500;
}
.top-girls{
width: 1.72rem;
height: 0.613rem;
background: url(../images/top-girls.png)no-repeat;
background-size: 100% 100%;
position: fixed;
left: 0;
top: 5rem;
z-index: 500;
}
.back{
width: 1.72rem;
position: fixed;
......@@ -764,4 +782,70 @@ i{
background: url(../images/layer-rule2.png)no-repeat;
background-size: 100% 100%;
position: relative;
}
.layer-record{
width: 8.133rem;
height: 7.293rem;
background: url(../images/layer-record.png)no-repeat;
background-size: 100% 100%;
position: relative;
overflow:hidden;
}
.layer-record-ul{
width: 7rem;
margin: 0 auto;
margin-top: 1.3rem;
height: 5.4rem;
overflow: scroll;
-webkit-overflow-scrolling: touch;
// background: pink;
li{
width: 1.75rem;
height: 1.8rem;
float: left;
position: relative;
font-size: 0;
text-align: center;
}
}
.record-face{
width: 0.9rem;
height: 0.9rem;
border-radius: 1rem;
border: 0.03rem solid #3A3936;
}
.record-like{
width: 0.9216rem;
height: 0.272rem;
position: absolute;
top: 0.68rem;
left: 0.4rem;
z-index: 6;
background: url(../images/like.png)no-repeat;
background-size: 100% 100%;
}
.record-like-end{
background: url(../images/like2.png)no-repeat;
background-size: 100% 100%;
}
.record-p1{
transform: scale(0.9);
width: 1.75rem;
color: #fff;
font-size: 0.3rem;
text-shadow: 0.02rem 0.02rem 0.03rem #244FDB;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.record-p2{
transform: scale(0.9);
width: 1.75rem;
color: #fff;
font-size: 0.3rem;
text-shadow: 0.02rem 0.02rem 0.03rem #244FDB;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
\ No newline at end of file
activeFt/hotGirl/index.html
......@@ -32,6 +32,18 @@
<body style="background: #B1DCFF;">
<div class="bg">
<div style="display: none;" class="layer-record">
<ul class="layer-record-ul">
<!-- <li>
<img class="record-face" src="images/face.png" alt="">
<div class="record-like"></div>
<p class="record-p1">6-1</p>
<p class="record-p2">主播昵称预留</p>
</li> -->
</ul>
</div>
<div class="top-girls"></div>
<div style="display: none;" class="layer-rule1"></div>
<div style="display: none;" class="layer-rule2"></div>
<img class="ref" src="images/ref.png" alt="">
......@@ -199,12 +211,15 @@ if(sessionStorage.lang!=2){
$(".en-t6").text("Can be completed repeatedly.)")
$(".king1-p1").text("Yesterday's Hottest")
$(".king2-p1").text("Yesterday's Man")
$(".king1-p2").text('Not yet')
$(".king2-p2").text('Not yet')
//
}
$(function(){
task()
topMc()
topList()
$(".question1").on("click",function(){
layer.open({
type: 1,
......@@ -231,6 +246,67 @@ $(function(){
}
})
})
$(".top-girls").on("click",function(){
topList()
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["8.133rem", "7.293rem"],
content: $(".layer-record"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
function topList(){
$.ajax({
url:$ip+'/actThatGirl/getRoomBestSexData.html',
success:function(data){
console.log('最辣榜',data)
var html=[];
for(var i=0;i<data.result.sexyList.length;i++){
var list=data.result.sexyList[i]
if(list.roomId==0){
html+='<li>';
html+='<img class="record-face" src="images/face.png" alt="">';
html+='<p class="record-p1">6-'+(i+1)+'</p>';
if(sessionStorage.lang==2)html+='<p class="record-p2">暫未產生</p>';
else html+='<p class="record-p2">Not yet</p>';
html+='</li>';
continue;
}
html+='<li>';
html+='<img class="record-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt="">';
if(list.isLisk==0)html+='<div data-type="'+list.roomId+'" class="record-like record-like-click"></div>';
else html+='<div class="record-like record-like-end"></div>';
html+='<p class="record-p1">6-'+(i+1)+'</p>';
html+='<p class="record-p2">'+list.nickName+'</p>';
html+='</li>';
}
$(".layer-record-ul").html(html)
$(".record-like-click").unbind("click").on("click",function(){
var _self=$(this)
$.ajax({
url:$ip+'/room/like',
data:{
roomId:_self.attr("data-type")
},
success:function(data){
if(data.code==1){
if(sessionStorage.lang==2)layer.msg("關注成功")
else layer.msg("success!")
_self.unbind("click").addClass("record-like-end")
}else{
layer.msg(data.msg)
}
}
})
})
}
})
}
function task(){
$.ajax({
url:$ip+'/actThatGirl/getTaskData.html',
......@@ -338,7 +414,8 @@ $(".list2-btn1 div").on("click",function(){
else type==1?scoreName='Hot Index' : scoreName='Rich Index'
if(data.result.rankList[0]==undefined){
$(".list-top-box"+type+"").html('<h2>暫無數據~</h2>')
if(sessionStorage.lang==2)$(".list-top-box"+type+"").html('<h2>暫無數據~</h2>')
else $(".list-top-box"+type+"").html('<h2>No list data yet~</h2>')
$(".list-ul"+type+"").html('')
return;
}
......@@ -401,7 +478,6 @@ $(".list2-btn1 div").on("click",function(){
$(".king2-like-btn").addClass("like2")
}else{
$(".king2-like-btn").removeClass("like2").unbind("click").on("click",function(){
console.log(121212)
likeMc(data.result.userRichData.uid)
})
}
......@@ -416,7 +492,8 @@ $(".list2-btn1 div").on("click",function(){
},
success:function(data){
if(data.code==1){
layer.msg("關注成功")
if(sessionStorage.lang==2)layer.msg("關注成功")
else layer.msg("success!")
topMc()
}else{
layer.msg(data.msg)
......@@ -424,14 +501,7 @@ $(".list2-btn1 div").on("click",function(){
}
})
}
function record(){
$.ajax({
url:$ip+'/actThatGirl/getRoomBestSexData.html',
success:function(data){
console.log("歷史最辣榜",data)
}
})
}
function getTack(e){
$.ajax({
url:$ip+"/actThatGirl/receiveDailyRewards.html",
......@@ -443,7 +513,8 @@ $(".list2-btn1 div").on("click",function(){
if(data.code!=1){
layer.msg(data.msg)
}
layer.msg("領取成功")
if(sessionStorage.lang==2)layer.msg("領取成功")
else layer.msg("success!")
task()
}
})
......
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