Skip to content

libai / fsActive

Go to a project
Commit f5e37e47 by libai
Options

ft活动上线

parent 4e52eae3
Inline Side-by-side
Showing with 208 additions and 2 deletions
activeFt/newMan/css/index.css
......@@ -513,3 +513,29 @@
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC, -0.06rem 0.06rem 0.06rem #1B55EC;
}
.layer-card-ok {
width: 9.58rem;
height: 6.56rem;
background: url(../images/layer-card-ok.png) no-repeat;
background-size: 100% 100%;
position: relative;
text-align: center;
}
.layer-card-ok div {
color: #3A76ED;
width: 9.58rem;
text-align: center;
position: absolute;
line-height: 0.8rem;
top: 2rem;
font-size: 0.4rem;
}
.layer-card-ok .btn-ok {
width: 3rem;
height: 1.253rem;
background: url(../images/btn-ok.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 4.6rem;
left: 3.3rem;
}
activeFt/newMan/css/index.less
......@@ -519,4 +519,30 @@
font-weight: 700;
color: #FFFFFF;
text-shadow: -0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC,-0.06rem 0.06rem 0.06rem #1B55EC;
}
\ No newline at end of file
}
.layer-card-ok{
width: 9.58rem;
height: 6.56rem;
background: url(../images/layer-card-ok.png)no-repeat;
background-size: 100% 100%;
position: relative;
text-align: center;
div{
color: #3A76ED;
width: 9.58rem;
text-align: center;
position: absolute;
line-height: 0.8rem;
top: 2rem;
font-size: 0.4rem;
}
.btn-ok{
width: 3rem;
height: 1.253rem;
background: url(../images/btn-ok.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 4.6rem;
left: 3.3rem;
}
}
activeFt/newMan/index.html
......@@ -32,6 +32,12 @@
<script src="lib/lottie-player.js"></script>
<body style="background:rgb(161 215 255);">
<div class="bg">
<div style="display: none;" class="layer-card-ok">
<div>
購買成功，600寶石已發放<br>明日起每日進入直播間自動發放20寶石<br>有效期至<span class="layer-time-span">XX月XX日</span>
</div>
<div class="btn-ok"></div>
</div>
<div style="display: none;" class="layer-fans">
<ul class="layer-fans-ul">
<!-- <li>
......@@ -153,6 +159,19 @@ $(function(){
}
layer.msg("購買成功")
task()
if(type==1){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.58rem", "6.56rem"],
content: $(".layer-card-ok"),
end: function () {
$(".layui-layer-shade").hide()
}
})
}
}
})
}
......@@ -385,6 +404,7 @@ $(function(){
}
if(data.result.monthlyCardData.status==1){
$(".buy-btn").unbind("click").addClass("buy-btn2")
$(".layer-time-span").text(""+timeGet(data.result.monthlyCardData.validEndTime)[1]+"月"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"日")
$(".buy-tips").text("有效期至2024/"+timeGet(data.result.monthlyCardData.validEndTime)[1]+"/"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"").show()
}
}
......
activeFt/newMan/pop2.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<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>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/index.css?v=2024051701">
<link rel="stylesheet" href="css/liMarquee.css">
<link rel="stylesheet" href="css/swiper.min.css">
<style>
.layui-layer-shade {
opacity: 0.7 !important;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
.turn-box{
margin-top: -1.5rem;
}
</style>
</head>
<script src="lib/lottie-player.js"></script>
<body style="background:rgba(0,0,0,0.7);">
<div style="display: none;" class="layer-card-ok">
<div>
購買成功，600寶石已發放<br>明日起每日進入直播間自動發放20寶石<br>有效期至<span class="layer-time-span">XX月XX日</span>
</div>
<div class="btn-ok"></div>
</div>
<div class="vip-card-box">
<img class="vip-icon" src="images/vip-icon.png" alt="">
<div class="buy-btn btn-Pulse"></div>
<p style="display: none;" class="buy-tips">有效期至2024/9/12 </p>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2024061702'"></script>
<script src="lib/clipboard.js"></script>
<script src="lib/swiper.min.js"></script>
<script>
$(function(){
if(sessionStorage.lang!=2){
$("body").addClass("bg-en")
}
function buy(type){
$.ajax({
url:$ip+'/actStarSearchTour/userBuyGoods.html',
data:{
goodsType:type
},
success:function(data){
console.log("购买月卡/壁咚",data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
layer.msg("購買成功")
task()
if(type==1){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["9.58rem", "6.56rem"],
content: $(".layer-card-ok"),
end: function () {
$(".layui-layer-shade").hide()
}
})
}
}
})
}
function task(){
$.ajax({
url:$ip+'/actStarSearchTour/getUserTaskData.html',
success:function(data){
console.log('获取任务数据',data)
//月卡任務
if(data.result.monthlyCardData.status==0){
$(".buy-btn").addClass("btn-Pulse")
$(".buy-btn").unbind("click").on("click",function(){
buy(1)
})
}
if(data.result.monthlyCardData.status==1){
$(".buy-btn").unbind("click").addClass("buy-btn2")
$(".buy-tips").text("有效期至2024/"+timeGet(data.result.monthlyCardData.validEndTime)[1]+"/"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"").show()
$(".layer-time-span").text(""+timeGet(data.result.monthlyCardData.validEndTime)[1]+"月"+timeGet(data.result.monthlyCardData.validEndTime)[2]+"日")
}
}
})
}
$(".pop-btn").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url": $url + "/activeFt/newMan/index.html" + location.search+'&jump=1',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
$(".close").on("click",function(){
var obj = {
"cid": 14,
"reqCode": new Date().getTime(),
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
})
</script>
</html>
\ 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