Skip to content

libai / fsActive

Go to a project
Commit 512437bb by libai
Options

ft活动上线

parent 80e6b228
Inline Side-by-side
Showing with 110 additions and 124 deletions
activeFt/summer/css/index.css
...@@ -18,8 +18,28 @@ ...@@ -18,8 +18,28 @@
} }
.rule-bg { .rule-bg {
width: 10rem; width: 10rem;
height: 33.853rem; height: 34.853rem;
background: url(../images/rule-bg.png) no-repeat; background: url(../images/rule-bg.png) no-repeat;
background-size: 100% auto;
position: relative;
}
.callKF {
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
color: #FBF3FF;
text-align: center;
font-size: 0.33rem;
}
.callKF > span {
height: 0.5rem;
padding: 0.08rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
background: #f3f3f3;
border-radius: 0.1rem;
color: #025752;
} }
.rule-btn { .rule-btn {
top: 6rem; top: 6rem;
...@@ -613,21 +633,27 @@ ...@@ -613,21 +633,27 @@
font-weight: 700; font-weight: 700;
color: #1FFFF2; color: #1FFFF2;
position: absolute; position: absolute;
background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
left: 2rem;
top: 4rem; top: 4rem;
height: 2rem; height: 2rem;
line-height: 2rem; line-height: 2rem;
width: 10rem; width: 6rem;
text-align: center; text-align: center;
} }
.act-room-bg1 .act-room-p2 { .act-room-bg1 .act-room-p2 {
position: absolute; position: absolute;
left: 2rem;
width: 6rem;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 700; font-weight: 700;
background: url(../images/act-room-p.png) no-repeat;
background-size: 100% 100%;
color: #1FFFF2; color: #1FFFF2;
top: 7.85rem; top: 7.85rem;
height: 2rem; height: 2rem;
line-height: 2rem; line-height: 2rem;
width: 10rem;
text-align: center; text-align: center;
} }
.act-room-bg2 { .act-room-bg2 {
...@@ -779,3 +805,17 @@ ...@@ -779,3 +805,17 @@
top: 0.35rem; top: 0.35rem;
left: 0; left: 0;
} }
.act-room-tips1 {
color: #fff;
font-size: 0.45rem;
text-align: center;
width: 10rem;
position: absolute;
}
.act-room-tips2 {
color: #fff;
font-size: 0.45rem;
text-align: center;
width: 10rem;
position: absolute;
}
activeFt/summer/css/index.less
...@@ -18,8 +18,28 @@ ...@@ -18,8 +18,28 @@
} }
.rule-bg{ .rule-bg{
width: 10rem; width: 10rem;
height: 33.853rem; height: 34.853rem;
background: url(../images/rule-bg.png)no-repeat; background: url(../images/rule-bg.png)no-repeat;
background-size: 100% auto;
position: relative;
}
.callKF{
width: 10rem;
position: absolute;
bottom: 0.3rem;
height: 0.8rem;
color: #FBF3FF;
text-align: center;
font-size: 0.33rem;
>span{
height: 0.5rem;
padding: 0.08rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
background: #f3f3f3;
border-radius: 0.1rem;
color: #025752;
}
} }
.rule-btn{ .rule-btn{
top: 6rem; top: 6rem;
...@@ -604,22 +624,27 @@ ...@@ -604,22 +624,27 @@
font-weight: 700; font-weight: 700;
color: #1FFFF2; color: #1FFFF2;
position: absolute; position: absolute;
background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%;
left: 2rem;
top: 4rem; top: 4rem;
height: 2rem; height: 2rem;
line-height: 2rem; line-height: 2rem;
width: 10rem; width: 6rem;
text-align: center; text-align: center;
} }
.act-room-p2{ .act-room-p2{
position: absolute; position: absolute;
width: 10rem; left: 2rem;
width: 6rem;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: 700; font-weight: 700;
background: url(../images/act-room-p.png)no-repeat;
background-size: 100% 100%;
color: #1FFFF2; color: #1FFFF2;
top: 7.85rem; top: 7.85rem;
height: 2rem; height: 2rem;
line-height: 2rem; line-height: 2rem;
width: 10rem;
text-align: center; text-align: center;
} }
} }
...@@ -775,4 +800,19 @@ ...@@ -775,4 +800,19 @@
border-radius: 50%; border-radius: 50%;
top: 0.35rem; top: 0.35rem;
left: 0; left: 0;
}
.act-room-tips1{
color: #fff;
font-size: 0.45rem;
text-align: center;
width: 10rem;
position: absolute;
}
.act-room-tips2{
color: #fff;
font-size: 0.45rem;
text-align: center;
width: 10rem;
position: absolute;
} }
\ No newline at end of file
activeFt/summer/images/act-room-bg.png
activeFt/summer/images/act-room-bg.png

15 KB | W: | H:

activeFt/summer/images/act-room-bg.png

12 KB | W: | H:

activeFt/summer/images/act-room-bg.png
activeFt/summer/images/act-room-bg.png
activeFt/summer/images/act-room-bg.png
activeFt/summer/images/act-room-bg.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/summer/images/list-box2.png
activeFt/summer/images/list-box2.png

36.5 KB | W: | H:

activeFt/summer/images/list-box2.png

36.5 KB | W: | H:

activeFt/summer/images/list-box2.png
activeFt/summer/images/list-box2.png
activeFt/summer/images/list-box2.png
activeFt/summer/images/list-box2.png
  • 2-up
  • Swipe
  • Onion skin
activeFt/summer/index.html
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
<span class="dew-tips">什麼是露水？</span> <span class="dew-tips">什麼是露水？</span>
<div class="task-box1"><div class="task-btn "></div>1.每日登錄福利（贈50露水）</div> <div class="task-box1"><div class="task-btn "></div>1.每日登錄福利（贈50露水）</div>
<div class="task-box2"><div class="task-btn "></div>2.每日首次儲值（贈500露水）</div> <div class="task-box2"><div class="task-btn "></div>2.每日首次儲值（贈500露水）</div>
<div class="task-box3"><div class="task-btn "></div>3.觀看直播20分鐘（0/20分鐘）<span>(贈100露水)</span></div> <div class="task-box3"><div class="task-btn "></div>3.觀看直播20分鐘（<i>0</i>/20分鐘）<span>(贈100露水)</span></div>
<div class="task-box4"><div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" class="task-btn"> <div class="task-box4"><div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" class="task-btn">
<span id="target" class="haxi" style="float: left;font-size: 0"></span></div>4.每日口令“夏日嘉年華狂歡”<span>方式直播間聊天(贈100露水)</span></div> <span id="target" class="haxi" style="float: left;font-size: 0"></span></div>4.每日口令“夏日嘉年華狂歡”<span>方式直播間聊天(贈100露水)</span></div>
<div class="task-box5"><div class="task-btn "></div>5送出一個嘉年華禮物<span>(贈100露水)</span></div> <div class="task-box5"><div class="task-btn "></div>5送出一個嘉年華禮物<span>(贈100露水)</span></div>
...@@ -418,7 +418,7 @@ $(function(){ ...@@ -418,7 +418,7 @@ $(function(){
html+='<li>'; html+='<li>';
html+='<div class="list-li1">'+(i+1)+'</div>'; html+='<div class="list-li1">'+(i+1)+'</div>';
html+='<div class="list-li2">'; html+='<div class="list-li2">';
html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_110" alt=""></a>阿斯达所多'; html+='<a href="yazhai://_' + list.uid + '_zone"><img class="list-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_110" alt=""></a>'+list.name+'';
html+='</div>'; html+='</div>';
html+='<div class="list-li3">'+scoreName+':'+list.score+'</div>'; html+='<div class="list-li3">'+scoreName+':'+list.score+'</div>';
html+='</li>'; html+='</li>';
...@@ -473,8 +473,8 @@ $(function(){ ...@@ -473,8 +473,8 @@ $(function(){
success:function(data){ success:function(data){
console.log('獲取任務數據',data) console.log('獲取任務數據',data)
$("#target").text(data.result.taskList[3].speakMsg) $("#target").text(data.result.taskList[3].speakMsg)
$(".task-box3 >i").text(Math.floor(data.result.taskList[2].userWatchTime/60))
for(var i=0;i<data.result.taskList.length;i++){ for(var i=0;i<data.result.taskList.length;i++){
console.log(11)
var list=data.result.taskList[i] var list=data.result.taskList[i]
if(list.taskStatus==2){ if(list.taskStatus==2){
$(".task-btn").eq(i).addClass("task6") $(".task-btn").eq(i).addClass("task6")
...@@ -542,8 +542,21 @@ $(function(){ ...@@ -542,8 +542,21 @@ $(function(){
}, },
success:function(data){ success:function(data){
console.log('用戶抽獎',data) console.log('用戶抽獎',data)
if(data.code==-100){ if(data.code==-116){
layer.msg(data.msg) layer.msg(data.msg)
setTimeout(function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": "兌換露水",
"jumptype": 15,
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
},1000)
} }
else if(data.code!=1){ else if(data.code!=1){
layer.msg(data.msg) layer.msg(data.msg)
......
activeFt/summer/oldView.html
...@@ -30,8 +30,10 @@ ...@@ -30,8 +30,10 @@
</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: rgba(0, 0, 0, 0);">
<div class="act-room-bg1 act-room-bg2"> <div class="act-room-bg1">
<div class="act-title"></div> <div class="act-title"></div>
<p class="act-room-tips1">距離上一名:</p>
<p class="act-room-tips2">當前排名</p>
<p class="act-room-p1">--</p> <p class="act-room-p1">--</p>
<p class="act-room-p2">--</p> <p class="act-room-p2">--</p>
</div> </div>
......
activeFt/summer/rule.html
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
$(function(){ $(function(){
if(sessionStorage.lang!=2){ if(sessionStorage.lang!=2){
$(".rule-bg").addClass("rule-bg-en") $(".rule-bg").addClass("rule-bg-en")
$(".back").attr("src","images/en/back.png") // $(".back").attr("src","images/en/back.png")
} }
if(sessionStorage.lang==2)var titleName="美眉養成記" if(sessionStorage.lang==2)var titleName="美眉養成記"
...@@ -50,7 +50,7 @@ else var titleName="Beaut Cultivation Journey" ...@@ -50,7 +50,7 @@ else var titleName="Beaut Cultivation Journey"
var obj = { var obj = {
"cid": 34, //修改网页title 居中显示。 "cid": 34, //修改网页title 居中显示。
"data": { "data": {
"type": 1, //1 图片 2文本。 "type": 2, //1 图片 2文本。
"imgTxt": titleName, "imgTxt": titleName,
} }
} }
......
ftIcon/liveData/css/index.css
...@@ -125,57 +125,3 @@ i { ...@@ -125,57 +125,3 @@ i {
text-indent: 6vw; text-indent: 6vw;
margin-top: 4vw; margin-top: 4vw;
} }
.act-room-bg1 {
position: relative;
width: 10rem;
height: 8.064rem;
background: url(../images/act-room-bg.png) no-repeat;
background-size: 100% 100%;
}
.act-title {
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-align: center;
font-weight: 700;
height: 1.5rem;
position: absolute;
left: 2.45rem;
text-shadow: 0.05rem 0.05rem 0.05rem #170060, -0.05rem 0.05rem 0.05rem #170060, 0.05rem -0.05rem 0.05rem #170060, -0.05rem -0.05rem 0.05rem #170060;
}
.act-room-p1 {
width: 10rem;
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
position: absolute;
top: 1.8rem;
}
.act-room-p2 {
width: 10rem;
position: absolute;
top: 2.6rem;
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
.act-room-p3 {
width: 10rem;
position: absolute;
top: 3.8rem;
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
padding-top: 0.6rem;
}
.act-room-p4 {
width: 10rem;
position: absolute;
top: 5.3rem;
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
ftIcon/liveData/css/index.less
...@@ -140,58 +140,3 @@ i{ ...@@ -140,58 +140,3 @@ i{
margin-top: 4vw; margin-top: 4vw;
} }
//活動 //活動
.act-room-bg1{
position: relative;
width: 10rem;
height: 8.064rem;
background: url(../images/act-room-bg.png)no-repeat;
background-size: 100% 100%;
}
.act-title{
width: 5.07rem;
line-height: 1.4rem;
color: #fff;
font-size: 0.8rem;
text-align: center;
font-weight: 700;
// background: pink;
height: 1.5rem;
position: absolute;
left: 2.45rem;
text-shadow: 0.05rem 0.05rem 0.05rem #170060,-0.05rem 0.05rem 0.05rem #170060,0.05rem -0.05rem 0.05rem #170060,-0.05rem -0.05rem 0.05rem #170060;
}
.act-room-p1{
width: 10rem;
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
position: absolute;
top: 1.8rem;
}
.act-room-p2{
width: 10rem;
position: absolute;
top: 2.6rem;
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
.act-room-p3{
width: 10rem;
position: absolute;
top: 3.8rem;
font-size: 0.6rem;
color: #f0edfa;
text-align: center;
padding-top: 0.6rem;
}
.act-room-p4{
width: 10rem;
position: absolute;
top: 5.3rem;
font-size: 0.7rem;
color: #f0edfa;
text-align: center;
padding-top: 0.35rem;
}
\ 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