Skip to content

libai / fsActive

Go to a project
Commit 4e5482bc by libai
Options

ft活动上线

parent d307e6fa
Inline Side-by-side
Showing with 226 additions and 9 deletions
activeFt/goddess/css/index.css
......@@ -614,3 +614,75 @@
border-radius: 0.1rem;
color: #025752;
}
.yesterday-btn {
width: 1.58rem;
position: absolute;
left: 0.5rem;
top: 0.5rem;
z-index: 5;
}
.layer-yesterday {
height: 10.973rem;
width: 9.453rem;
background: url(../images/layer-yesterday.png) no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
}
.layer-record-ul {
width: 8.8rem;
margin: 0 auto;
margin-top: 2.1rem;
height: 8.5rem;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.layer-record-ul li {
width: 2.2rem;
height: 2.1rem;
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.92rem;
height: 0.413rem;
position: absolute;
top: 0.65rem;
left: 0.62rem;
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: 2.2rem;
color: #C761C4;
font-size: 0.3rem;
text-shadow: 0.03rem 0.03rem 0.03rem #fff, -0.03rem 0.03rem 0.03rem #fff, 0.03rem -0.03rem 0.03rem #fff, -0.03rem -0.03rem 0.03rem #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-top: 0.05rem;
}
.record-p2 {
transform: scale(0.9);
width: 2.2rem;
color: #C761C4;
font-size: 0.3rem;
text-shadow: 0.03rem 0.03rem 0.03rem #fff, -0.03rem 0.03rem 0.03rem #fff, 0.03rem -0.03rem 0.03rem #fff, -0.03rem -0.03rem 0.03rem #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
activeFt/goddess/css/index.less
......@@ -624,3 +624,77 @@
color: #025752;
}
}
.yesterday-btn{
width: 1.58rem;
position: absolute;
left: 0.5rem;
top: 0.5rem;
z-index: 5;
}
.layer-yesterday{
height: 10.973rem;
width: 9.453rem;
background: url(../images/layer-yesterday.png)no-repeat;
background-size: 100% 100%;
position: relative;
overflow: hidden;
}
.layer-record-ul{
width: 8.8rem;
margin: 0 auto;
margin-top: 2.1rem;
height: 8.5rem;
overflow: scroll;
-webkit-overflow-scrolling: touch;
// background: pink;
li{
width: 2.2rem;
height: 2.1rem;
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.92rem;
height: 0.413rem;
position: absolute;
top: 0.65rem;
left: 0.62rem;
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: 2.2rem;
color: #C761C4;
font-size: 0.3rem;
text-shadow: 0.03rem 0.03rem 0.03rem #fff, -0.03rem 0.03rem 0.03rem #fff, 0.03rem -0.03rem 0.03rem #fff, -0.03rem -0.03rem 0.03rem #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-top: 0.05rem;
}
.record-p2{
transform: scale(0.9);
width: 2.2rem;
color: #C761C4;
font-size: 0.3rem;
text-shadow: 0.03rem 0.03rem 0.03rem #fff, -0.03rem 0.03rem 0.03rem #fff, 0.03rem -0.03rem 0.03rem #fff, -0.03rem -0.03rem 0.03rem #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
\ No newline at end of file
activeFt/goddess/index.html
......@@ -45,6 +45,17 @@
<div class="layer-user-gift-ok"></div>
<p class="layer-user-tips">以上獎勵已發放至背包，有效期為14天</p>
</div>
<div style="display: none;" class="layer-yesterday">
<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="bg">
<img class="rule-btn" src="images/rule-btn.png" alt="">
<div class="banner"></div>
......@@ -64,7 +75,8 @@
</div> -->
</div>
<div class="floor">
<img class="top-mc-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_110" alt="">
<img class="yesterday-btn" src="images/yesterday-btn.png" alt="">
<img class="top-mc-face" src="images/face.png" alt="">
<p class="top-mc-p1">昨日最佳主播</p>
<p class="top-mc-p2">虛位以待</p>
<p class="top-mc-p3">積分:--</p>
......@@ -142,7 +154,7 @@
<script>
$(function(){
if(sessionStorage.lang==2)var titleName="女神物語"
else var titleName="Summer Carnival"
else var titleName="Goddess Chronicles"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
......@@ -172,20 +184,64 @@ $(function(){
list()
topMc()
yesterday()
$(".yesterday-btn").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.453rem", "10.973rem"],
content: $(".layer-yesterday"),
end: function () {
$(".layui-layer-shade").hide()
giftOk=true;
}
})
})
function topMc(){
$.ajax({
url:$ip+'/actGoddessStory/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){
// $(".top-mc-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110")
// $(".top-mc-p2").text(list.nickName)
// $(".top-mc-p3").text("積分:"+list+"")
break;
html+='<li>';
html+='<img class="record-face" src="images/face.png" alt="">';
html+='<p class="record-p1">8-'+(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+='<a href="yazhai://_' + list.roomId + '_zone"><img class="record-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_80" alt=""></a>';
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">8-'+(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)
}
}
})
})
}
})
}
......@@ -201,6 +257,9 @@ $(function(){
$(".top-mc-face").attr("src","https://big.bgp.ourpow.com/comm"+list.face+"?x-oss-process=image/resize,w_110")
$(".top-mc-p2").text(list.nickName)
$(".top-mc-p3").text("積分:"+list.score+"")
$(".top-mc-face").unbind("click").on("click",function(){
window.location.href='yazhai://_' + list.uid + '_zone'
})
}
})
}
......@@ -216,8 +275,8 @@ $(function(){
if(i==0)html+='<div class="list-box1"><img src="images/m1.png" alt=""></div>';
else html+='<div class="list-box1">'+(i+1)+'</div>'
html+='<div class="list-box2">';
html+='<img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt="">';
if(list.fansRank[0]!=undefined)html+='<img class="list-face2" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt="">';
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-face1" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
if(list.fansRank[0]!=undefined)html+='<a href="yazhai://_' + list.fansRank[0].uid + '_zone"><img class="list-face2" src="https://big.bgp.ourpow.com/comm'+list.fansRank[0].face+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<p class="list-p1">'+list.name+'</p>';
html+='<p class="list-p2">積分 : '+list.score+'</p>';
html+='</div>';
......
activeFt/goddess/rule.html
......@@ -8,7 +8,7 @@
<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>
<title>女神物語</title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
......@@ -40,6 +40,17 @@
<script src="lib/default.js?v='2023120901'"></script>
<script>
$(function(){
if(sessionStorage.lang==2)var titleName="女神物語"
else var titleName="Goddess Chronicles"
var obj = {
"cid": 34, //修改网页title 居中显示。
"data": {
"type": 2, //1 图片 2文本。
"imgTxt": titleName,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
if(sessionStorage.lang!=2){
$("title").text('Summer Carnival')
$(".rule-bg").addClass("rule-bg-en")
......
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