Compare commits

..

4 Commits

764 changed files with 2671 additions and 34919 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 289 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 479 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 718 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 729 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 161 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 407 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.1 KiB

View File

@@ -1,381 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>情定cp 缔结良缘</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
<link rel="stylesheet" href="./css/index.css?v=1.43">
</head>
<body>
<div class="wrap no-in-app">
<!-- 主视觉 -->
<div class="banner"><img src="./images/main.png" alt=""></div>
<div class="mycp"><img src="./images/btn_cp.png" alt=""></div>
<div class="unread">0</div>
<div class="rule"><img src="./images/btn_rule.png" alt=""></div>
<!-- 情缘信物 -->
<div class="letter-wrap">
<div class="tips">購買並贈送CP信物對方同意締結後即可結成CP<br>送情人節限定禮物和信物都能增加情緣值喲~</div>
<div class="cp_record">CP獎勵記錄</div>
<div class="letter">
<div class="imgbox">
<img src="./images/letter_gift.png" alt="">
</div>
<p>我的信物:<e>0</e></p>
<div class="letter_rule">締結CP後互送情人節限定禮物積攢<br>情緣值即可獲得豐厚特權獎勵~</div>
</div>
<div class="but">
<input type="number" value="1" maxlength="999"
onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<!-- 获取信物按钮 -->
<div class="get_letter">
<img src="./images/get_letter.png" alt="">
</div>
<!-- 特权奖励 -->
<div class="award_title">
<img class="line" src="./images/line_l.png" alt="">
<span>特權獎勵</span>
<img class="line" src="./images/line_r.png" alt="">
</div>
<div class="subheard">達到相應的情緣值即可獲得對應特權獎勵哦~</div>
<div class="award">
<div class="giftbox">
<img src="./images/special1.png" alt="">
<span>一見鐘情</span>
<p>10000情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special2.png" alt="">
<span>情竇初開</span>
<p>52000情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special3.png" alt="">
<span>心心相印</span>
<p>131400情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special4.png" alt="">
<span>緣定今生</span>
<p>334400情緣值</p>
</div>
</div>
</div>
<img class="bling0" src="./images/bling0.png" alt="">
<!-- 礼物轮播 -->
<div class="swiper-title"></div>
<div class="swiper-container swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/slide1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/slide2.png" class="slide2" alt="">
</div>
</div>
<!-- <div class="swiper-pagination swp"></div> -->
</div>
<img class="bling1" src="./images/bling1.png" alt="">
<!-- 送礼得情签 -->
<div class="petition_title"></div>
<div class="petition-wrap">
<div class="myticket">
<span>我的情簽: <e></e></span>
<div class="charge">兌換記錄</div>
</div>
<div class="subheard">贈送情人節限定禮物,送出一個禮物可得對應數量的「幸運情簽」,且可增加CP間的情緣值情簽可兌換特權或抽獎喲~</div>
<div class="chargeTab">
<div class="item itemact">兌換好禮</div>
<div class="item">幸運靚號</div>
</div>
<ul class="gift-wrap">
<li class="li1">
<div class="giftbg">
<img class="mingpai" src="./images/mingpai.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換銘牌</div>
<p><e></e>情签一次</p>
</li>
<li class="li2">
<div class="giftbg">
<img class="gift" src="./images/ziliaoka.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換資料卡</div>
<p><e></e>情签一次</p>
</li>
<li class="li3">
<div class="giftbg">
<img class="gift" src="./images/toushi.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換頭飾</div>
<p><e></e>情签一次</p>
</li>
<li class="li4">
<div class="giftbg">
<img class="gift" src="./images/zuojia.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換座駕</div>
<p><e></e>情签一次</p>
</li>
</ul>
<ul class="number-wrap" style="display: none;">
<li>
<div class="giftbg">
<img class="gift" src="./images/lianghao.png" alt="">
</div>
<span>幸運靚號(52***)1組</span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">抽取靚號</div>
<p><e></e>情签一次</p>
<div class="tips">中獎後請聯系客服領取哦~</div>
</li>
</ul>
</div>
<img class="bling2" src="./images/bling2.png" alt="">
<!-- 榜单 -->
<div class="rank_title"></div>
<div class="rank-wrap">
<!-- 奖励 -->
<img src="./images/rankAward.png" class="reward" alt="">
<!-- 榜单列表 -->
<div class="list">
<div class="no1">
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1">虛位以待</div>
<div class="nick2">虛位以待</div>
<img src="./images/xin.png" class="xin" alt="">
<div class="score">情緣值:<b>0</b></div>
</div>
<ul>
<!-- <li>
<div class="num">2</div>
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1"></div>
<div class="nick2"></div>
<img src="./images/xin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score"></div>
</li>
<li><p>等你來上榜~</p></li> -->
</ul>
</div>
<div class="myRank">
<div class="num">未上榜</div>
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1">暫無cp</div>
<div class="nick2">暫無cp</div>
<img src="./images/myxin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score">0</div>
</div>
</div>
</div>
<!-- 恭喜获得弹窗1,2 -->
<div class="gx">
<div class="gx_in">
<img src="./images/close.png" class="close" alt="">
<ul class="box">
<li>
<div class="bg">
<img src="./images/logo.png" alt="">
</div>
<span></span>
</li>
</ul>
<img src="./images/btn_sure.png" class="sure" alt="">
<div class="tips">奖励将自动发放到装扮中心,快去展示自己吧~</div>
<!-- <div class="tips">*情人节限定5位靓号:52XXXXXX为随机数字一组为2个靓号<br>联系客服领取LINE: pikoyuyin)</div> -->
</div>
</div>
<!-- 我的cp弹窗 -->
<div class="mycpBox">
<div class="mycp_in">
<img src="./images/close.png" class="close" alt="">
<div class="tishi">*CP一旦結成不可取消</div>
<p>
<span>我的CP</span>
<span>情缘值</span>
<span>状态</span>
</p>
<ul class="box">
<li>
<b>CP1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="pass">已缔结</span>
</li>
<li>
<b>CP1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="waitpass" inviterUid="2346">可通过</span>
</li>
<li>
<b>Cp1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="canpass">待通过</span>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- cp奖励记录弹窗 -->
<div class="cpRecordBox">
<div class="cpRecord_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>我的CP</span>
<span>情缘等级</span>
<span>奖励</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>CP1的昵称...</b>
<b>缘定今生</b>
<b class="jiangli">XXX座驾1天*1组</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 情签抽奖记录弹窗 -->
<div class="drawBox">
<div class="draw_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>消耗情签</span>
<span>奖励</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>38</b>
<b class="number">幸运靓号1组</b>
</li>
<li>
<b>08.31 <e>23:23</e></b>
<b>38</b>
<b class="number">未中奖</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 情签兑换记录弹窗 -->
<div class="exchangeBox">
<div class="exchange_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>消耗情签</span>
<span>奖励</span>
<span>奖励天数</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>28</b>
<b>缘定今生</b>
<b>1天</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 规则弹窗 -->
<div class="ruleBox">
<div class="rule_in">
<img src="./images/close.png" class="close" alt="">
<div class="box">
<img src="./images/rule.png" alt="">
</div>
</div>
</div>
<!-- 榜單獎勵 -->
<div class="rewardBox">
<div class="reward_in">
<img src="./images/close.png" class="close" alt="">
<div class="box">
<img src="./images/cpAward.png" alt="">
</div>
</div>
</div>
<!-- 温馨提示 -->
<div class="tishiBox">
<div class="tishi_in">
<div class="title">鉆石不足,請充值後再來獲取信物吧~</div>
<img src="./images/to_charge.png" class="recharge" alt="">
<img src="./images/close.png" class="close" alt="">
</div>
</div>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js?v=1.43"></script>
</body>
</html>

View File

@@ -1,876 +0,0 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '加載中...') => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '操作完成', time = 2) => {
layer.open({
content,
time,
skin: 'msg',
offset: 'b'
})
}
if (false) {//!browser.app
toastMsg('請在app內打開');
} else {
$('.wrap').removeClass('no-in-app')
}
var nowTime = new Date().getTime()
var startTime
var endTime
var canGet = true
$(function () {
getInfoFromClient()
setTimeout(function () {
getLetterInit()
getPetitionInit()
cpOffset()
getRank()
swiperFun()
}, 100)
})
// 礼物轮播
function swiperFun() {
var swiper = new Swiper('.swiper', {
autoplay: {
delay: 2000,//2秒切换一次
},
// loop: true, // 循环模式选项
direction: 'horizontal',
});
}
// 获取信物配置
function getLetterInit() {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/getKeepsakeConfig',
success(res) {
if (res.code === 200) {
startTime = res.data.startTime;
endTime = res.data.endTime;
$('.letter-wrap .letter .imgbox img').attr('src', res.data.keepsake.icon)
$('.letter-wrap .letter p e').text(res.data.keepsakeNum)
$('.letter-wrap .get_letter').attr('id', res.data.keepsake.id)
$('.letter-wrap .get_letter').attr('type', res.data.keepsake.type)
if (nowTime >= res.data.endTime) {
$('.letter-wrap .get_letter').css('filter', 'grayscale(0.7)')
}
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 获取兑换/抽奖配置
function getPetitionInit() {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/getPropItemConfig',
success(res) {
if (res.code === 200) {
$('.petition-wrap .myticket span e').html(res.data.cpCurrency)
let numberList = res.data.propTabs.find(item => {
return item.type == 2
})
let chargeList = res.data.propTabs.find(item => {
return item.type == 1
})
chargeList.props.forEach((res, i) => {
$(`.petition-wrap .gift-wrap .li${i + 1} .giftbg img`).attr('src', res.icon)
$(`.petition-wrap .gift-wrap .li${i + 1} span`).html(res.name)
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('id', res.id)
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).attr('type', res.type)
$(`.petition-wrap .gift-wrap .li${i + 1} .btn`).html(res.type == 2 ? '兌換銘牌' : res.type == 3 ? '兌換資料卡' : res.type == 4 ? '兌換頭飾' : '兌換座駕')
$(`.petition-wrap .gift-wrap .li${i + 1} p e`).html(res.price)
})
numberList.props.forEach(res => {
$('.petition-wrap .number-wrap .giftbg img').attr('src', res.icon)
$('.petition-wrap .number-wrap span').html(res.name)
$('.petition-wrap .number-wrap .btn').attr('id', res.id)
$('.petition-wrap .number-wrap .btn').attr('type', res.type)
$('.petition-wrap .number-wrap p e').html(res.price)
})
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 我的cp未读数
function cpOffset() {
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/cpOffset',
success(res) {
if (res.code === 200) {
if (res.data > 9) {
$('.wrap .unread').html('9+')
} else if (res.data == 0) {
$('.wrap .unread').hide()
} else {
$('.wrap .unread').html(res.data)
}
} else {
toastMsg(res.message)
}
},
error(err) {
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 我的cp列表
function myCpList() {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/cpList',
success(res) {
if (res.code === 200) {
let cpList = ''
if (res.data == 0 || !res.data) {
$('.mycpBox .mycp_in .tips').show()
} else {
res.data.forEach(res => {
cpList += `
<li>
<b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
<b class="cpValue">${res.cpValue}</b>
<span inviterUid="${res.uid}" class='${res.status == 0 ? "canpass" : res.status == 1 ? "waitpass" : "pass"}'>${res.status == 0 ? "待通過" : res.status == 1 ? "可通過" : "已締結"}</span>
</li>
`
})
$('.mycpBox .mycp_in ul').append(cpList)
}
$('.mycpBox').show();
$('.mycpBox .mycp_in .box li').off()
$('.mycpBox .mycp_in .box li').on("click", '.waitpass', function () {
let index = $(this).parents().index()
let inviterUid = $(this).attr('inviterUid')
confirmCp(inviterUid, index)
})
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 通过cp缔结
function confirmCp(inviterUid, index) {
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/confirmCp',
data: { inviterUid },
success(res) {
if (res.code === 200) {
$('.mycpBox .mycp_in .box li').eq(index).find('span').addClass('pass')
$('.mycpBox .mycp_in .box li').eq(index).find('span').removeClass('waitpass')
$('.mycpBox .mycp_in .box li').eq(index).find('span').html('已締結')
toastMsg('締結成功快去增加和TA的情緣值吧~')
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
toastMsg('網絡錯誤,請退出重進')
hideLoading(layerIndex)
}
})
}
// cp奖励记录
var cpRecordPage = 1
var cpRecordScroll = true
function cpRewardRecord(cpRecordPage) {
cpRecordScroll = false;
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/pageCpRewardRecord',
data: { page: cpRecordPage, pageSize: 10 },
success(res) {
if (res.code === 200) {
if (res.data.records.length > 0) {
let str = ``;
res.data.records.forEach((res, i) => {
str += `
<li>
<b>${res.dateTime}</b>
<b>${res.nick.length > 5 ? res.nick.slice(0, 5) + '...' : res.nick}</b>
<b>${res.levelDesc}</b>
<b class="jiangli">${res.rewardDesc}</b>
</li>
`
});
$('.cpRecordBox .cpRecord_in .box').append(str);
cpRecordScroll = true;
} else {
cpRecordScroll = false;
$('.cpRecordBox .cpRecord_in .tips').show();
}
$('.cpRecordBox').show();
hideLoading(layerIndex)
} else {
cpRecordScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error(err) {
cpRecordScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 获取兑换/抽奖记录
var drawPage = 1
var drawScroll = true
function getDrawRecord(drawPage, tab) {
drawScroll = false;
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/pageRecord',
data: { page: drawPage, pageSize: 10, tab },
success(res) {
if (res.code === 200) {
if (res.data.records.length > 0) {
let str = ``;
if (tab == 1) {
res.data.records.forEach((res, i) => {
str += `
<li>
<b>${res.dateTime}</b>
<b>${res.cost}</b>
<b>${res.rewardDesc}</b>
<b>${res.rewardDays}天</b>
</li>
`
});
$('.exchangeBox .exchange_in .box').append(str);
$('.exchangeBox').show();
} else {
res.data.records.forEach((res, i) => {
str += `
<li>
<b>${res.dateTime}</b>
<b>${res.cost}</b>
<b>${res.rewardDesc}</b>
</li>
`
});
$('.drawBox .draw_in .box').append(str);
$('.drawBox').show();
}
drawScroll = true;
} else {
drawScroll = false;
if (tab == 1) {
$('.exchangeBox .exchange_in .tips').show();
$('.exchangeBox').show();
} else {
$('.drawBox .draw_in .tips').show();
$('.drawBox').show();
}
}
hideLoading(layerIndex)
} else {
drawScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg(res.message)
}
},
error(err) {
drawScroll = true;
bodyScroolFun(false)
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 购买信物、兑换、抽奖 (道具id,数量)
function buy(id, num, type) {
showLoading()
networkRequest({
type: 'POST',
url: urlPrefix + '/act/valentineCp/buy',
data: { id, num },
success(res) {
if (res.code === 200) {
if (res.data.prop) {
if (res.data.prop.type == 1) {
$('.letter-wrap .letter p e').html(res.data.remain)
toastMsg('購買成功信物已放進背包快送給你心儀的TA吧~')
canGet = true
} else if (res.data.prop.type == 6) {
$('.petition-wrap .myticket span e').html(res.data.remain)
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
$('.gx .gx_in .box li span').html( res.data.prop.name)
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXXXXX為隨機數字一組為2個靚號<br>聯系客服領取LINE: pikoyuyin)`)
$('.gx').show()
} else {
// if (res.data.prop.type == 2){
// $('.gx .gx_in .box li img').addClass('mingpai')
// }else {
// $('.gx .gx_in .box li img').removeClass('mingpai')
// }
$('.petition-wrap .myticket span e').html(res.data.remain)
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
$('.gx .gx_in .box li span').html(res.data.prop.name)
$('.gx .gx_in .tips').html(`獎勵將自動發放到裝扮中心,快去展示自己吧~`)
$('.gx').show()
}
} else {
if (type == 6) {
toastMsg('很遺憾沒有抽到,距離靚號就差一點啦~')
$('.petition-wrap .myticket span e').html(res.data.remain)
} else if(type == 1,type == 3,type == 4,type == 5){
$('.petition-wrap .myticket span e').html(res.data.remain)
}else{
$('.letter-wrap .letter p e').html(res.data.remain)
toastMsg(res.message)
}
canGet = true
}
hideLoading(layerIndex)
} else if (res.code == 31005) {
$('.tishiBox').show()
canGet = true
hideLoading(layerIndex)
} else {
toastMsg(res.message)
canGet = true
hideLoading(layerIndex)
}
},
error(err) {
canGet = true
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 榜单接口
function getRank() {
$('.rank-wrap .list ul li').remove();
showLoading()
networkRequest({
type: 'GET',
url: urlPrefix + '/act/valentineCp/getRank',
success(res) {
if (res.code === 200) {
// 前一
var top1 = res.data.rankList.slice(0, 1);
var notTop1 = res.data.rankList.slice(1);
if (top1.length < 1) {
let arr = new Array(1 - top1.length).fill({
inviterAvatar: './images/logo.png',
inviterNick: '虛位以待',
cpValue: 0,
inviteeAvatar: './images/logo.png',
inviteeNick: '虛位以待',
})
top1.push(...arr)
}
top1.forEach((res, index) => {
$(`.rank-wrap .list .no${index + 1} .txbox1 img`).attr('src', res.inviterAvatar);
$(`.rank-wrap .list .no${index + 1} .txbox1`).attr('uid', res.inviterUid);
$(`.rank-wrap .list .no${index + 1} .nick1`).html(res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick);
$(`.rank-wrap .list .no${index + 1} .txbox2 img`).attr('src', res.inviteeAvatar);
$(`.rank-wrap .list .no${index + 1} .txbox2`).attr('uid', res.inviteeUid);
$(`.rank-wrap .list .no${index + 1} .nick2`).html(res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick);
$(`.rank-wrap .list .no${index + 1} .score b`).html(`${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}`);
});
// 非前
let str = ``;
notTop1.forEach((res, i) => {
str += `
<li>
<div class="num">${res.ranking}</div>
<div class="txbox1" uid="${res.inviterUid}">
<img src="${res.inviterAvatar}" uid="${res.inviterUid}" class="tx" alt="">
</div>
<div class="txbox2" uid="${res.inviteeUid}">
<img src="${res.inviteeAvatar}" uid="${res.inviteeUid}" class="tx" alt="">
</div>
<div class="nick1">${res.inviterNick.length > 5 ? res.inviterNick.slice(0, 5) + '...' : res.inviterNick}</div>
<div class="nick2">${res.inviteeNick.length > 5 ? res.inviteeNick.slice(0, 5) + '...' : res.inviteeNick}</div>
<img src="./images/xin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score">${res.cpValue > 10000 ? (Math.floor(res.cpValue / 1000) / 10).toFixed(1) + 'w' : res.cpValue}</div>
</li>
`
})
$('.rank-wrap .list ul').append(str);
if (notTop1.length < 9) {
$('.rank-wrap .list ul li').eq(notTop1.length - 1).after(`<li><p>等你來上榜~</p></li>`)
}
if (notTop1.length == 0) {
$('.rank-wrap .list ul').append(`<li><p>等你來上榜~</p></li>`)
}
$('.rank-wrap .list ul li').on('click', '.txbox1,.txbox2', function () {
console.log(123456);
let uid = $(this).attr('uid')
console.log(uid);
if (uid) {
openPerson(uid)
}
})
// 自己排名
if (res.data.meRank) {
if (res.data.meRank.ranking == 0) {
$('.rank-wrap .myRank .num').removeClass('norank')
} else {
$('.rank-wrap .myRank .num').addClass('norank')
}
$('.rank-wrap .myRank .num').html(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
$('.rank-wrap .myRank .txbox1 img').attr('src', res.data.meRank.inviterAvatar);
$('.rank-wrap .myRank .txbox2 img').attr('src', res.data.meRank.inviteeAvatar);
$('.rank-wrap .myRank .nick1').text(res.data.meRank.inviterNick.length > 5 ? res.data.meRank.inviterNick.slice(0, 5) + '...' : res.data.meRank.inviterNick)
if(res.data.meRank.inviteeNick){
$('.rank-wrap .myRank .nick2').text(res.data.meRank.inviteeNick.length > 5 ? res.data.meRank.inviteeNick.slice(0, 5) + '...' : res.data.meRank.inviteeNick)
}
$('.rank-wrap .myRank .score').html(`${res.data.meRank.cpValue > 10000 ? (Math.floor(res.data.meRank.cpValue / 1000) / 10).toFixed(1) + 'w' : res.data.meRank.cpValue}`);
}
hideLoading(layerIndex)
} else {
toastMsg(res.message)
hideLoading(layerIndex)
}
},
error(err) {
hideLoading(layerIndex)
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 埋点接口
// event去充值=pay_show, 活动规则=rule_click, 排行榜奖励=list_click, 跳转个人主页=pages_click
function sendLog(event) {
networkRequest({
type: 'POST',
url: urlPrefix + '/act/valentineCp/log',
data: { event: event },
success(res) {
if (res.code === 200) {
// console.log(res);
}
},
error(err) {
toastMsg('網絡錯誤,請退出重進')
}
})
}
// 点击跳转个人主页
$('.rank-wrap .list .no1 .tx').click(function () {
let uid = $(this).parent().attr('uid')
if (uid) {
openPerson(uid)
}
})
// 情缘信物投入+
$('.letter-wrap .but .add').click(function () {
let val = $('.letter-wrap .but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.letter-wrap .but input').val(parseInt(999))
} else {
$('.letter-wrap .but input').val(parseInt(val) + 1)
}
})
// 情缘信物投入-
$('.letter-wrap .but .cut').click(function () {
let val = $('.letter-wrap .but input').val();
if (val <= 1) {
toastMsg('至少投入1')
$('.letter-wrap .but input').val(parseInt(1))
} else {
$('.letter-wrap .but input').val(parseInt(val) - 1)
}
})
// 情缘信物监听输入框
$('.letter-wrap .but').on('input', 'input', function () {
if ($(this).val() >= 999) {
toastMsg('最多可輸入999')
$('.letter-wrap .but input').val(parseInt(999))
} else if ($(this).val() <= 1) {
toastMsg('至少投入1')
$('.letter-wrap .but input').val(parseInt(1))
}
})
// 购买情缘信物按钮
$('.letter-wrap .get_letter').click(function () {
if (nowTime >= endTime) {
toastMsg('活動已結束~')
} else if (nowTime <= startTime) {
toastMsg('活動未開始~')
} else {
let id = $(this).attr('id')
let type = $(this).attr('type')
let num = $('.letter-wrap .but input').val()
if (num == 0) {
toastMsg('至少投入1')
return
}
if (canGet) {
console.log('id:', id, 'num:', num);
buy(id, num, type)
} else {
toastMsg('信物獲取中,請稍後~')
}
}
})
// 兑换好礼按钮输入框
// 投入+
$('.petition-wrap .gift-wrap li .but .add').click(function () {
let liIndex = $(this).parents('li').index()
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
} else {
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) + 1)
}
})
// 投入-
$('.petition-wrap .gift-wrap li .but .cut').click(function () {
let liIndex = $(this).parents('li').index()
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
if (val <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
} else {
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(val) - 1)
}
})
// 监听输入框
$('.petition-wrap .gift-wrap li').on('input', 'input', function () {
let liIndex = $(this).parents('li').index()
let val = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(999))
} else if (val <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val(parseInt(1))
}
})
// 兑换按钮
$('.petition-wrap .gift-wrap li .btn').click(function () {
let liIndex = $(this).parents('li').index()
let num = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.but input').val();
let id = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('id');
let type = $('.petition-wrap .gift-wrap li').eq(liIndex).find('.btn').attr('type');
buy(id, num, type)
})
// 靓号按钮输入框
// 投入+
$('.petition-wrap .number-wrap .but .add').click(function () {
let val = $('.petition-wrap .number-wrap .but input').val();
if (val >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .number-wrap .but input').val(parseInt(999))
} else {
$('.petition-wrap .number-wrap .but input').val(parseInt(val) + 1)
}
})
// 投入-
$('.petition-wrap .number-wrap .but .cut').click(function () {
let val = $('.petition-wrap .number-wrap .but input').val();
if (val <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .number-wrap .but input').val(parseInt(1))
} else {
$('.petition-wrap .number-wrap .but input').val(parseInt(val) - 1)
}
})
// 监听输入框
$('.petition-wrap .number-wrap .but').on('input', 'input', function () {
if ($(this).val() >= 999) {
toastMsg('最多可輸入999')
$('.petition-wrap .number-wrap .but input').val(parseInt(999))
} else if ($(this).val() <= 1) {
toastMsg('至少投入1')
$('.petition-wrap .number-wrap .but input').val(parseInt(1))
}
})
// 抽取靓号
$('.petition-wrap .number-wrap .btn').click(function () {
let id = $(this).attr('id');
let type = $(this).attr('type');
let num = $('.petition-wrap .number-wrap .but input').val();
buy(id, num, type)
})
// 关闭恭喜获得弹窗
$('.gx .gx_in .sure,.close').click(function () {
$('.gx').hide()
})
// 我的cp弹窗
$('.mycp').click(function () {
bodyScroolFun(true)
$('.mycpBox .mycp_in ul li').remove()
$('.mycpBox .mycp_in .box .tips').hide()
myCpList()
})
$('.mycpBox .close').click(function () {
bodyScroolFun(false)
cpOffset()
$('.mycpBox').hide();
})
// 监听我的cp滚动
$('.mycpBox .mycp_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.mycpBox .mycp_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
$('.mycpBox .mycp_in .tips').show()
}
})
// cp奖励记录弹窗
$('.letter-wrap .cp_record').click(function () {
bodyScroolFun(true)
cpRecordPage = 1;
totalList = 0
$('.cpRecordBox .cpRecord_in .box li').remove();
$('.cpRecordBox .cpRecord_in .tips').hide();
cpRewardRecord(cpRecordPage)
})
$('.cpRecordBox .close').click(function () {
bodyScroolFun(false)
$('.cpRecordBox').hide();
})
// cp奖励记录监听滚动
$('.cpRecordBox .cpRecord_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.cpRecordBox .cpRecord_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (cpRecordScroll) {
cpRecordPage++;
cpRewardRecord(cpRecordPage)
}
}
})
// 兑换好礼/靓号切换
var petitionType = 1 //1:兌換好禮 2:幸運靚號
$('.petition-wrap .chargeTab .item').click(function () {
let index = $(this).index();
$(this).addClass('itemact').siblings().removeClass('itemact')
if (index == 0) {
$('.petition-wrap .gift-wrap').show()
$('.petition-wrap .number-wrap').hide()
$('.petition-wrap .myticket .charge').html('兌換記錄')
petitionType = 1
} else {
$('.petition-wrap .gift-wrap').hide()
$('.petition-wrap .number-wrap').show()
$('.petition-wrap .myticket .charge').html('抽獎記錄')
petitionType = 2
}
})
// 兑换好礼记录/抽奖记录弹窗
$('.petition-wrap .charge').click(function () {
bodyScroolFun(true)
drawPage = 1;
if (petitionType == 1) {
$('.exchangeBox .exchange_in .box li').remove();
$('.exchangeBox .exchange_in .tips').hide();
// $('.exchangeBox').show();
} else {
$('.drawBox .draw_in .box li').remove();
$('.drawBox .draw_in .tips').hide();
// $('.drawBox').show();
}
getDrawRecord(drawPage, petitionType)
})
$('.drawBox .close').click(function () {
bodyScroolFun(false)
$('.drawBox').hide();
})
$('.exchangeBox .close').click(function () {
bodyScroolFun(false)
$('.exchangeBox').hide();
})
// 情签兑换记录监听滚动
$('.exchangeBox .exchange_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.exchangeBox .exchange_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (drawScroll) {
drawPage++;
getDrawRecord(drawPage, petitionType)
}
}
})
// 抽奖记录监听滚动
$('.drawBox .draw_in .box').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.drawBox .draw_in .box')[0].scrollHeight
let ulHeight = $(this).innerHeight()
if (scrollTop + ulHeight + 100 >= scrollHeight) {
if (drawScroll) {
drawPage++;
getDrawRecord(drawPage, petitionType)
}
}
})
// 规则弹窗
$('.rule').click(function () {
bodyScroolFun(true)
$('.ruleBox').show();
sendLog('rule_click')
})
$('.ruleBox .close').click(function () {
bodyScroolFun(false)
$('.ruleBox').hide();
})
// 榜單獎勵
$('.rank-wrap .reward').click(function () {
bodyScroolFun(true)
$('.rewardBox').show();
sendLog('list_click')
})
$('.rewardBox .close').click(function () {
bodyScroolFun(false)
$('.rewardBox').hide();
})
// 溫馨提示
$('.tishiBox .close').click(function () {
bodyScroolFun(false)
$('.tishiBox').hide();
})
// 去充值(pay_show=点击去充值埋点)
$('.tishiBox').on('click', '.recharge', function () {
if (browser.app) {
if (browser.android) {
let channel = pubInfo.deviceInfo.channel;
console.log(pubInfo.deviceInfo);
if (channel == "google") {
sendLog('pay_show')
window.androidJsObj.openChargePage(0);
} else {
sendLog('pay_show')
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
}
} else if (browser.ios) {
sendLog('pay_show')
window.webkit.messageHandlers.openChargePage.postMessage(null)
}
} else {
toastMsg('請在app內打開')
}
})
//跳转个人主页 pages_click=跳转主页埋点)
function openPerson(uid) {
if (browser.app) {
if (browser.ios) {
sendLog('pages_click')
window.webkit.messageHandlers.openPersonPage.postMessage(uid);
} else if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
sendLog('pages_click')
window.androidJsObj.openPersonPage(uid);
}
}
} else {
toastMsg('請在app內打開')
}
}
// 控制body是否可以滑动
function bodyScroolFun(bool) {
if (bool) {
$('body').css('overflow', 'hidden');
} else {
$('body').css('overflow', 'auto');
}
}

File diff suppressed because one or more lines are too long

View File

@@ -76,7 +76,7 @@
<div class="tab2_contain">
<div class="rule_wrap">
<p class="rule_item">
活动期间每日登录pikoApp即可免费获赠一个魔法棒每台设备每日限一次
活动期间每日登录pekoApp即可免费获赠一个魔法棒每台设备每日限一次
</p>
</div>
<div class="panel_wrap">

View File

@@ -756,7 +756,7 @@ function getRank (rankType, currentTime, comeFrom) {
$('.page3 .myList img').attr('src', res.data.userRank.avatar);
$('.page3 .myList .num').text(res.data.userRank.rank == 0 ? '未上榜' : res.data.userRank.rank);
$('.page3 .myList .nick').text(res.data.userRank.nick.length > 8 ? res.data.userRank.nick.slice(0, 8) + '...' : res.data.userRank.nick);
$('.page3 .myList .score').text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
$('.page3 .myList .score').text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.data.userRank.rankValue, 10000, 1, 'w'));
hideLoading(layerIndex)
// 处理前三
if (top3.length < 3) {
@@ -770,7 +770,7 @@ function getRank (rankType, currentTime, comeFrom) {
top3.forEach((res, index) => {
$(`.page3 .list .top${index + 1} .txBg`).attr('src', res.avatar);
$(`.page3 .list .top${index + 1} .nick`).text(res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick);
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
$(`.page3 .list .top${index + 1} p`).text(comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w'));
})
// 非前三
var str = '';
@@ -780,7 +780,7 @@ function getRank (rankType, currentTime, comeFrom) {
<div class="num">NO.${index + 4}</div>
<img src="${res.avatar}" alt="">
<div class="nick">${res.nick.length > 6 ? res.nick.slice(0, 6) + '...' : res.nick}</div>
<div class="score">${comeFrom == 1 ? 'piko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
<div class="score">${comeFrom == 1 ? 'peko值:' + unitProcessing(res.rankValue, 10000, 1, 'w') : '魅力值:' + unitProcessing(res.rankValue, 10000, 1, 'w')}</div>
</li>`
})
$('.page3 .list .notTop').append(str);

View File

@@ -45,7 +45,7 @@
<p>剩余7天</p>
<div class="nameplate">
<img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
<span>piko看看</span>
<span>peko看看</span>
</div>
<div class="delay-btn">
<img src="./images/delay-btn.png" alt="">

View File

@@ -1,813 +0,0 @@
@font-face {
font-family: "pingfang-bold";
src: url("../../../common/fonts/PingFang Bold.ttf");
src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
}
@font-face {
font-family: "din-medium";
src: url("../../../common/fonts/DINCond-Medium.ttf");
src: url("../../../common/fonts/DINCond-Medium.ttf") format("woff"), url("../../../common/fonts/DINCond-Medium.ttf") format("truetype"), url("../../../common/fonts/DINCond-Medium.ttf") format("svg");
}
html,
body {
background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
}
.no-in-app {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
background-color: white;
}
.wrap {
width: 100%;
height: 100%;
position: relative;
}
.wrap .banner {
width: 100%;
}
.wrap .rule {
width: 1.44rem;
height: 0.6933333333rem;
position: absolute;
top: 3.6933333333rem;
right: 0;
}
.wrap .record {
width: 1.44rem;
height: 0.6933333333rem;
position: absolute;
top: 4.56rem;
right: 0;
}
.wrap .gift-box-wrap {
width: 9.2rem;
height: 17.0133333333rem;
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: -0.3rem auto 0.5333333333rem;
overflow: hidden;
}
.wrap .gift-box-wrap .tips {
font-size: 0.2933333333rem;
color: #3D001F;
margin-top: 1.5733333333rem;
text-align: center;
}
.wrap .gift-box-wrap .wishTab {
width: 8rem;
height: 1.1733333333rem;
background: #FFFFFF;
border-radius: 0.5866666667rem;
margin: 0.4533333333rem auto 0;
display: flex;
align-items: center;
}
.wrap .gift-box-wrap .wishTab .item {
flex: 1;
height: 1.1733333333rem;
line-height: 1.1733333333rem;
text-align: center;
font-size: 0.4rem;
color: #BB4A56;
font-weight: bold;
}
.wrap .gift-box-wrap .wishTab .item1_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/tab_wish1.png) no-repeat;
background-size: 100% 100%;
}
.wrap .gift-box-wrap .wishTab .item2_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/tab_wish2.png) no-repeat;
background-size: 100% 100%;
}
.wrap .gift-box-wrap .gift-box {
width: 8.2666666667rem;
height: 5.3333333333rem;
margin: 0.3333333333rem auto 0;
position: relative;
}
.wrap .gift-box-wrap .gift-box img {
width: 100%;
height: 100%;
}
.wrap .gift-box-wrap .gift-box .svga1 {
display: none;
width: 8.2666666667rem;
height: 5.3333333333rem;
position: absolute;
top: 0;
left: 0;
}
.wrap .gift-box-wrap .gift-box .svga2 {
display: none;
width: 8.2666666667rem;
height: 5.3333333333rem;
position: absolute;
top: 0;
left: 0;
}
.wrap .gift-box-wrap .but {
width: 2.4533333333rem;
height: 0.5866666667rem;
border-radius: 0.2933333333rem;
background: #FFE1F2;
margin: 0.24rem auto 0;
position: relative;
}
.wrap .gift-box-wrap .but input {
border: 0;
width: 1rem;
height: 0.5866666667rem;
background: #FFE1F2;
color: #FF5662;
font-size: 0.32rem;
outline: none;
text-align: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .gift-box-wrap .but img {
width: 0.6rem;
height: 0.6rem;
}
.wrap .gift-box-wrap .but .add {
position: absolute;
right: 0;
top: 0;
}
.wrap .gift-box-wrap .but .cut {
position: absolute;
left: 0;
top: 0;
}
.wrap .gift-box-wrap .wish {
width: 4.9333333333rem;
height: 1.2533333333rem;
margin: 0.2666666667rem auto 0;
}
.wrap .gift-box-wrap .award {
width: 8.32rem;
height: 4rem;
margin: 0.48rem auto 0;
}
.wrap .rank-wrap {
width: 9.2rem;
height: 22.7066666667rem;
background: url(../images/rankBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 1.5333333333rem;
position: relative;
}
.wrap .rank-wrap .rankTab {
width: 7.3866666667rem;
height: 1.1733333333rem;
background: #FFFFFF;
border-radius: 0.5866666667rem;
position: absolute;
top: 0.5866666667rem;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.wrap .rank-wrap .rankTab .tab {
flex: 1;
height: 1.1733333333rem;
line-height: 1.1733333333rem;
text-align: center;
font-size: 0.4rem;
color: #BB4A56;
font-weight: bold;
}
.wrap .rank-wrap .rankTab .tab1_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/wish1Rank.png) no-repeat;
background-size: 100% 100%;
}
.wrap .rank-wrap .rankTab .tab2_act {
width: 4rem;
height: 1.1733333333rem;
background: url(../images/wish2Rank.png) no-repeat;
background-size: 100% 100%;
}
.wrap .rank-wrap .reward {
width: 0.84rem;
height: 1.2266666667rem;
position: absolute;
top: 2.1066666667rem;
right: 0.24rem;
}
.wrap .rank-wrap .dateTab {
width: 3.9333333333rem;
height: 0.8rem;
position: absolute;
top: 2.3066666667rem;
left: 50%;
transform: translateX(-50%);
display: flex;
}
.wrap .rank-wrap .dateTab .day,
.wrap .rank-wrap .dateTab .total {
width: 1.9333333333rem;
height: 0.8rem;
}
.wrap .rank-wrap .list .no1 {
width: 2.5333333333rem;
height: 4.5333333333rem;
position: relative;
top: 3.76rem;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no1 .tx {
width: 2.2rem;
height: 2.2rem;
border-radius: 50%;
position: absolute;
top: 0;
left: 0.2rem;
}
.wrap .rank-wrap .list .no1 .txBox {
width: 2.5333333333rem;
height: 2.7866666667rem;
position: absolute;
top: 0;
left: 0;
}
.wrap .rank-wrap .list .no1 .nick {
width: 100%;
height: 1.12rem;
background: url(../images/nick1.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: 0.4266666667rem;
left: 50%;
transform: translateX(-50%);
font-size: 0.32rem;
color: #FFFFFF;
text-align: center;
line-height: 1.12rem;
}
.wrap .rank-wrap .list .no1 .score {
width: 100%;
font-size: 0.2666666667rem;
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no2,
.wrap .rank-wrap .list .no3 {
width: 2.5333333333rem;
height: 4.0533333333rem;
position: relative;
top: 0.1rem;
left: 0.55rem;
}
.wrap .rank-wrap .list .no2 .tx,
.wrap .rank-wrap .list .no3 .tx {
width: 1.76rem;
height: 1.76rem;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no2 .txBox,
.wrap .rank-wrap .list .no3 .txBox {
width: 2.0933333333rem;
height: 2.28rem;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no2 .nick,
.wrap .rank-wrap .list .no3 .nick {
width: 100%;
height: 1.12rem;
background: url(../images/nick2.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: 0.4266666667rem;
left: 50%;
transform: translateX(-50%);
font-size: 0.32rem;
color: #FFFFFF;
text-align: center;
line-height: 1.12rem;
}
.wrap .rank-wrap .list .no2 .score,
.wrap .rank-wrap .list .no3 .score {
width: 100%;
font-size: 0.2666666667rem;
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list .no3 {
left: 6.13rem;
top: -4rem;
}
.wrap .rank-wrap .list .no3 .nick {
background: url(../images/nick3.png) no-repeat;
background-size: 100%;
}
.wrap .rank-wrap .list ul {
width: 8.56rem;
position: absolute;
top: 9.1rem;
bottom: 1.0666666667rem;
left: 50%;
transform: translateX(-50%);
}
.wrap .rank-wrap .list ul li {
width: 100%;
height: 1.6rem;
line-height: 1.6rem;
background-color: #FFF7F9;
border-radius: 0.16rem;
margin-bottom: 0.2rem;
color: #AD4868;
font-size: 0.3466666667rem;
font-weight: 600;
text-align: center;
}
.wrap .rank-wrap .list ul li .num {
float: left;
margin-left: 0.2666666667rem;
width: 0.5333333333rem;
font-size: 0.48rem;
color: #AD4868;
font-weight: 600;
text-align: center;
}
.wrap .rank-wrap .list ul li .tx {
float: left;
margin-left: 0.3333333333rem;
margin-top: 0.24rem;
width: 1.0933333333rem;
height: 1.0933333333rem;
border-radius: 50%;
border: 1px solid #ff7abc;
}
.wrap .rank-wrap .list ul li .nick {
float: left;
margin-left: 0.24rem;
font-size: 0.3466666667rem;
color: #AD4868;
}
.wrap .rank-wrap .list ul li .score {
float: right;
margin-right: 0.3333333333rem;
font-size: 0.2666666667rem;
color: #AD4868;
}
.wrap .rank-wrap .myRank {
width: 9.2rem;
height: 1.84rem;
line-height: 1.84rem;
background: url(../images/my.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0;
bottom: -0.85rem;
}
.wrap .rank-wrap .myRank .num {
float: left;
width: 1rem;
margin-left: 0.2666666667rem;
font-size: 0.2933333333rem;
color: #AD4868;
text-align: center;
}
.wrap .rank-wrap .myRank .tx {
float: left;
margin-left: 0.3333333333rem;
margin-top: 0.24rem;
width: 1.0933333333rem;
height: 1.0933333333rem;
border-radius: 50%;
border: 1px solid #ff7abc;
}
.wrap .rank-wrap .myRank .nick {
float: left;
margin-left: 0.24rem;
font-size: 0.3466666667rem;
color: #AD4868;
}
.wrap .rank-wrap .myRank .score {
float: right;
margin-right: 0.3333333333rem;
font-size: 0.2666666667rem;
color: #AD4868;
}
.gx {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.gx .gx_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 10.52rem;
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
}
.gx .gx_in .close {
position: absolute;
top: 1rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.gx .gx_in .box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
}
.gx .gx_in .box li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.gx .gx_in .box li .bg {
width: 2.2133333333rem;
height: 2.2133333333rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
}
.gx .gx_in .box li .bg img {
width: 1.6666666667rem;
height: 1.6666666667rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gx .gx_in .box li span, .gx .gx_in .box li p {
color: #7E0033;
font-size: 0.2933333333rem;
margin-bottom: 0.2rem;
}
.gx .gx_in .sure {
width: 3.36rem;
height: 1.28rem;
position: absolute;
bottom: 2.2666666667rem;
left: 50%;
transform: translateX(-50%);
}
.gx .gx_in .tips {
width: 100%;
color: #7E0033;
font-size: 0.2933333333rem;
text-align: center;
position: absolute;
left: 0;
bottom: 1.2rem;
}
.gxs {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.gxs .gxs_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 10.52rem;
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
}
.gxs .gxs_in .close {
position: absolute;
top: 1rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.gxs .gxs_in .box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
}
.gxs .gxs_in .box li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.gxs .gxs_in .box li .bg {
width: 1.6rem;
height: 1.6rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
}
.gxs .gxs_in .box li .bg img {
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gxs .gxs_in .box li span, .gxs .gxs_in .box li p {
color: #7E0033;
font-size: 0.2933333333rem;
margin-bottom: 0.2rem;
}
.gxs .gxs_in .sure {
width: 3.36rem;
height: 1.28rem;
position: absolute;
bottom: 2.2666666667rem;
left: 50%;
transform: translateX(-50%);
}
.gxs .gxs_in .tips {
width: 100%;
color: #7E0033;
font-size: 0.2933333333rem;
text-align: center;
position: absolute;
left: 0;
bottom: 1.2rem;
}
.recordBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.recordBox .record_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 9.3066666667rem;
background: url(../images/record.png) no-repeat;
background-size: 100% 100%;
}
.recordBox .record_in .close {
position: absolute;
top: -0.2rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.recordBox .record_in p {
width: 60%;
height: 1.2rem;
position: absolute;
top: 1.8133333333rem;
left: 46%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
align-items: center;
}
.recordBox .record_in p span {
color: #3D001F;
font-size: 0.3733333333rem;
}
.recordBox .record_in ul {
width: 100%;
height: 5.2rem;
position: absolute;
top: 3rem;
left: 50%;
transform: translateX(-50%);
overflow: scroll;
}
.recordBox .record_in ul::-webkit-scrollbar {
display: none;
width: 0;
}
.recordBox .record_in ul li {
width: 100%;
display: flex;
justify-content: space-around;
}
.recordBox .record_in ul li b {
color: #7E0033;
font-size: 0.3466666667rem;
margin-bottom: 0.2666666667rem;
}
.recordBox .record_in .tips {
width: 100%;
text-align: center;
color: #590F35;
font-size: 0.2933333333rem;
position: absolute;
bottom: 0.6rem;
left: 50%;
transform: translateX(-50%);
display: none;
}
.ruleBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.ruleBox .rule_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 9.68rem;
background: url(../images/rule.png) no-repeat;
background-size: 100% 100%;
}
.ruleBox .rule_in .close {
position: absolute;
top: -0.2rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.rewardBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.rewardBox .reward_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 13.5333333333rem;
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
}
.rewardBox .reward_in .close {
position: absolute;
top: -0.9rem;
right: 0;
width: 0.8rem;
height: 0.8rem;
}
.rewardBox .reward_in .rewardTab {
width: 6.5066666667rem;
height: 1.0133333333rem;
border-radius: 0.5066666667rem;
background-color: #fff;
position: absolute;
top: 0.6rem;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.rewardBox .reward_in .rewardTab .tab {
flex: 1;
height: 1.0133333333rem;
line-height: 1.0133333333rem;
text-align: center;
font-size: 0.3733333333rem;
color: #CA5987;
font-weight: bold;
}
.rewardBox .reward_in .rewardTab .tab1_act {
width: 3.2533333333rem;
height: 1.0133333333rem;
background: url(../images/wishBox1.png) no-repeat;
background-size: 100% 100%;
}
.rewardBox .reward_in .rewardTab .tab2_act {
width: 3.2533333333rem;
height: 1.0133333333rem;
background: url(../images/wishBox2.png) no-repeat;
background-size: 100% 100%;
}
.rewardBox .reward_in .box {
width: 7.3466666667rem;
height: 10.5733333333rem;
position: absolute;
top: 1.8666666667rem;
left: 50%;
transform: translateX(-50%);
}
.rewardBox .reward_in .box img {
width: 100%;
height: 100%;
}
.tishiBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
}
.tishiBox .tishi_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 8.0266666667rem;
height: 5.6666666667rem;
background: url(../images/tipsBg.png) no-repeat;
background-size: 100% 100%;
}
.tishiBox .tishi_in .title {
width: 100%;
text-align: center;
color: #7E0033;
font-size: 0.3466666667rem;
position: absolute;
top: 2.3733333333rem;
left: 50%;
transform: translateX(-50%);
}
.tishiBox .tishi_in .recharge {
width: 3.3866666667rem;
height: 1.28rem;
position: absolute;
bottom: 1.04rem;
left: 50%;
transform: translateX(-50%);
}
.tishiBox .tishi_in .close {
position: absolute;
top: 0.2666666667rem;
right: 0.2666666667rem;
width: 0.8rem;
height: 0.8rem;
}
/*# sourceMappingURL=index.css.map */

View File

@@ -1,922 +0,0 @@
@function px2rem($px, $rem: 75) {
@return $px / $rem+rem;
}
@font-face {
font-family: 'pingfang-bold';
src: url('../../../common/fonts/PingFang\ Bold.ttf');
src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
}
@font-face {
font-family: 'din-medium';
src: url('../../../common/fonts/DINCond-Medium.ttf');
src: url('../../../common/fonts/DINCond-Medium.ttf') format('woff'),
url('../../../common/fonts/DINCond-Medium.ttf') format('truetype'),
url('../../../common/fonts/DINCond-Medium.ttf') format('svg');
}
html,
body {
// background: #FFBECE;
background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
}
.no-in-app {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
background-color: white;
}
.wrap {
width: 100%;
height: 100%;
// background: linear-gradient(180deg, #FB88A9 0%, #FFBECE 61%);
position: relative;
.banner {
width: 100%;
}
.rule {
width: px2rem(108, );
height: px2rem(52, );
position: absolute;
top: px2rem(277, );
right: 0;
}
.record {
width: px2rem(108, );
height: px2rem(52, );
position: absolute;
top: px2rem(342, );
right: 0;
}
.gift-box-wrap {
width: px2rem(690, );
height: px2rem(1276, );
background: url(../images/giftBox.png) no-repeat;
background-size: 100% 100%;
margin: -0.3rem auto px2rem(40, );
overflow: hidden;
.tips {
font-size: px2rem(22, );
color: #3D001F;
margin-top: px2rem(118, );
text-align: center;
}
.wishTab {
width: px2rem(600, );
height: px2rem(88, );
background: #FFFFFF;
border-radius: px2rem(44, );
margin: px2rem(34, ) auto 0;
display: flex;
// justify-content: space-around;
align-items: center;
.item {
flex: 1;
height: px2rem(88, );
line-height: px2rem(88, );
text-align: center;
font-size: px2rem(30, );
color: #BB4A56;
font-weight: bold;
}
.item1_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/tab_wish1.png) no-repeat;
background-size: 100% 100%;
}
.item2_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/tab_wish2.png) no-repeat;
background-size: 100% 100%;
}
}
.gift-box {
width: px2rem(620, );
height: px2rem(400, );
margin: px2rem(25, ) auto 0;
position: relative;
img {
width: 100%;
height: 100%;
}
.svga1 {
display: none;
width: px2rem(620, );
height: px2rem(400, );
position: absolute;
top: 0;
left: 0;
}
.svga2 {
display: none;
width: px2rem(620, );
height: px2rem(400, );
position: absolute;
top: 0;
left: 0;
}
}
.but {
width: px2rem(184, );
height: px2rem(44, );
border-radius: px2rem(22, );
background: #FFE1F2;
margin: px2rem(18, ) auto 0;
position: relative;
input {
border: 0;
width: 1rem;
height: px2rem(44, );
background: #FFE1F2;
color: #FF5662;
font-size: px2rem(24, );
outline: none; //隐藏边框
text-align: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
img {
width: px2rem(45, );
height: px2rem(45, );
}
.add {
position: absolute;
right: 0;
top: 0;
}
.cut {
position: absolute;
left: 0;
top: 0;
}
}
.wish {
width: px2rem(370, );
height: px2rem(94, );
margin: px2rem(20, ) auto 0;
}
.award {
width: px2rem(624, );
height: px2rem(300, );
margin: px2rem(36, ) auto 0;
}
}
.rank-wrap {
width: px2rem(690, );
height: px2rem(1703, );
background: url(../images/rankBg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto px2rem(115, );
position: relative;
.rankTab {
width: px2rem(554, );
height: px2rem(88, );
background: #FFFFFF;
border-radius: px2rem(44, );
position: absolute;
top: px2rem(44, );
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
.tab {
flex: 1;
height: px2rem(88, );
line-height: px2rem(88, );
text-align: center;
font-size: px2rem(30, );
color: #BB4A56;
font-weight: bold;
}
.tab1_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/wish1Rank.png) no-repeat;
background-size: 100% 100%;
}
.tab2_act {
width: px2rem(300, );
height: px2rem(88, );
background: url(../images/wish2Rank.png) no-repeat;
background-size: 100% 100%;
}
}
.reward {
width: px2rem(63, );
height: px2rem(92, );
position: absolute;
top: px2rem(158, );
right: px2rem(18, );
}
.dateTab {
width: px2rem(295, );
height: px2rem(60, );
position: absolute;
top: px2rem(173, );
left: 50%;
transform: translateX(-50%);
display: flex;
.day,
.total {
width: px2rem(145, );
height: px2rem(60, );
}
}
.list {
.no1 {
width: px2rem(190, );
height: px2rem(340, );
position: relative;
top: px2rem(282, );
left: 50%;
transform: translateX(-50%);
.tx {
width: px2rem(165, );
height: px2rem(165, );
border-radius: 50%;
position: absolute;
top: 0;
left: 0.2rem;
}
.txBox {
width: px2rem(190, );
height: px2rem(209, );
position: absolute;
top: 0;
left: 0;
}
.nick {
width: 100%;
height: px2rem(84, );
background: url(../images/nick1.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: px2rem(32, );
left: 50%;
transform: translateX(-50%);
font-size: px2rem(24, );
color: #FFFFFF;
text-align: center;
line-height: px2rem(84, );
}
.score {
width: 100%;
font-size: px2rem(20, );
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
.no2,
.no3 {
width: px2rem(190, );
height: px2rem(304, );
position: relative;
top: 0.1rem;
left: 0.55rem;
.tx {
width: px2rem(132, );
height: px2rem(132, );
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.txBox {
width: px2rem(157, );
height: px2rem(171, );
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.nick {
width: 100%;
height: px2rem(84, );
background: url(../images/nick2.png) no-repeat;
background-size: 100%;
position: absolute;
bottom: px2rem(32, );
left: 50%;
transform: translateX(-50%);
font-size: px2rem(24, );
color: #FFFFFF;
text-align: center;
line-height: px2rem(84, );
}
.score {
width: 100%;
font-size: px2rem(20, );
color: #AD4868;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
.no3 {
left: 6.13rem;
top: -4rem;
.nick {
background: url(../images/nick3.png) no-repeat;
background-size: 100%;
}
}
ul {
width: px2rem(642, );
// height: px2rem(930, );
// background-color: purple;
position: absolute;
top: 9.1rem;
bottom: px2rem(80, );
left: 50%;
transform: translateX(-50%);
li {
width: 100%;
height: px2rem(120, );
line-height: px2rem(120, );
background-color: #FFF7F9;
border-radius: px2rem(12, );
margin-bottom: px2rem(15, );
color: #AD4868;
font-size: px2rem(26, );
font-weight: 600;
text-align: center;
.num {
float: left;
margin-left: px2rem(20, );
width: px2rem(40, );
font-size: px2rem(36, );
color: #AD4868;
font-weight: 600;
text-align: center;
}
.tx {
float: left;
margin-left: px2rem(25, );
margin-top: px2rem(18, );
width: px2rem(82, );
height: px2rem(82, );
border-radius: 50%;
border: 1px solid #ff7abc;
}
.nick {
float: left;
margin-left: px2rem(18, );
font-size: px2rem(26, );
color: #AD4868;
}
.score {
float: right;
margin-right: px2rem(25, );
font-size: px2rem(20, );
color: #AD4868;
}
}
}
}
.myRank {
width: px2rem(690, );
height: px2rem(138, );
line-height: px2rem(138, );
background: url(../images/my.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0;
bottom: -0.85rem;
.num {
float: left;
width: 1rem;
margin-left: px2rem(20, );
font-size: px2rem(22, );
color: #AD4868;
text-align: center;
}
.tx {
float: left;
margin-left: px2rem(25, );
margin-top: px2rem(18, );
width: px2rem(82, );
height: px2rem(82, );
border-radius: 50%;
border: 1px solid #ff7abc;
}
.nick {
float: left;
margin-left: px2rem(18, );
font-size: px2rem(26, );
color: #AD4868;
}
.score {
float: right;
margin-right: px2rem(25, );
font-size: px2rem(20, );
color: #AD4868;
}
}
}
}
.gx {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.gx_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(789, );
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: 1rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
.box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
.bg {
width: px2rem(166, );
height: px2rem(166, );
// width: 1.6rem;
// height: 1.6rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
img {
width: px2rem(125, );
height: px2rem(125, );
// width: 1.2rem;
// height: 1.2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
span,p {
color: #7E0033;
font-size: px2rem(22, );
margin-bottom: 0.2rem;
}
}
}
.sure {
width: px2rem(252, );
height: px2rem(96, );
position: absolute;
bottom: px2rem(170, );
left: 50%;
transform: translateX(-50%);
}
.tips {
width: 100%;
color: #7E0033;
font-size: px2rem(22, );
text-align: center;
position: absolute;
left: 0;
bottom: px2rem(90, );
}
}
}
.gxs {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.gxs_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(789, );
background: url(../images/gx.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: 1rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
.box {
width: 96%;
height: 3.5rem;
position: absolute;
top: 3.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-evenly;
li {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
.bg {
width: 1.6rem;
height: 1.6rem;
background: url(../images/gxBox.png) no-repeat;
background-size: 100% 100%;
margin-bottom: 0.2rem;
position: relative;
img {
width: 1.2rem;
height: 1.2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
span,p {
color: #7E0033;
font-size: px2rem(22, );
margin-bottom: 0.2rem;
}
}
}
.sure {
width: px2rem(252, );
height: px2rem(96, );
position: absolute;
bottom: px2rem(170, );
left: 50%;
transform: translateX(-50%);
}
.tips {
width: 100%;
color: #7E0033;
font-size: px2rem(22, );
text-align: center;
position: absolute;
left: 0;
bottom: px2rem(90, );
}
}
}
.recordBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.record_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(698, );
background: url(../images/record.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: -0.2rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
p {
// width: px2rem(540, );
width: 60%;
height: px2rem(90, );
position: absolute;
top: px2rem(136, );
left: 46%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
align-items: center;
span {
color: #3D001F;
font-size: px2rem(28, );
}
}
ul {
// width: px2rem(540, );
width: 100%;
height: 5.2rem;
position: absolute;
top: 3rem;
left: 50%;
transform: translateX(-50%);
overflow: scroll;
&::-webkit-scrollbar {
display: none;
width: 0;
}
li {
width: 100%;
display: flex;
justify-content: space-around;
b {
color: #7E0033;
font-size: px2rem(26, );
margin-bottom: px2rem(20, );
}
}
}
.tips {
width: 100%;
text-align: center;
color: #590F35;
font-size: px2rem(22, );
position: absolute;
bottom: 0.6rem;
left: 50%;
transform: translateX(-50%);
display: none;
}
}
}
.ruleBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.rule_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(726, );
background: url(../images/rule.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: -0.2rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
}
}
.rewardBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.reward_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(1015, );
background: url(../images/rewardBg.png) no-repeat;
background-size: 100% 100%;
.close {
position: absolute;
top: -0.9rem;
right: 0;
width: px2rem(60, );
height: px2rem(60, );
}
.rewardTab {
width: px2rem(488, );
height: px2rem(76, );
border-radius: px2rem(38, );
background-color: #fff;
position: absolute;
top: px2rem(45, );
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
.tab {
flex: 1;
height: px2rem(76, );
line-height: px2rem(76, );
text-align: center;
font-size: px2rem(28, );
color: #CA5987;
font-weight: bold;
}
.tab1_act {
width: px2rem(244, );
height: px2rem(76, );
background: url(../images/wishBox1.png) no-repeat;
background-size: 100% 100%;
}
.tab2_act {
width: px2rem(244, );
height: px2rem(76, );
background: url(../images/wishBox2.png) no-repeat;
background-size: 100% 100%;
}
}
.box {
width: px2rem(551, );
height: px2rem(793, );
position: absolute;
top: px2rem(140, );
left: 50%;
transform: translateX(-50%);
img {
width: 100%;
height: 100%;
}
}
}
}
.tishiBox {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 999;
display: none;
.tishi_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: px2rem(602, );
height: px2rem(425, );
background: url(../images/tipsBg.png) no-repeat;
background-size: 100% 100%;
.title {
width: 100%;
text-align: center;
color: #7E0033;
font-size: px2rem(26, );
position: absolute;
top: px2rem(178, );
left: 50%;
transform: translateX(-50%);
}
.recharge {
width: px2rem(254, );
height: px2rem(96, );
position: absolute;
bottom: px2rem(78, );
left: 50%;
transform: translateX(-50%);
}
.close {
position: absolute;
top: px2rem(20, );
right: px2rem(20, );
width: px2rem(60, );
height: px2rem(60, );
}
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1004 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 267 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 236 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 441 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 212 KiB

Some files were not shown because too many files have changed in this diff Show More