23情人节:自己排名、购买成功礼物样式,替换图片
@@ -186,6 +186,7 @@ body {
|
||||
height: 3.8rem;
|
||||
margin: 0.48rem auto 0;
|
||||
background-color: #fde2fb;
|
||||
border-radius: 0.3rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
@@ -659,6 +660,9 @@ body {
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.wrap .rank-wrap .myRank .norank {
|
||||
font-size: 0.52rem;
|
||||
}
|
||||
.wrap .rank-wrap .myRank .txbox1 {
|
||||
position: absolute;
|
||||
left: 1.84rem;
|
||||
@@ -798,6 +802,10 @@ body {
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.gx .gx_in .box li .bg .mingpai {
|
||||
width: 2rem;
|
||||
height: 0.55rem;
|
||||
}
|
||||
.gx .gx_in .box li span {
|
||||
color: #FE28B0;
|
||||
font-size: 0.2933333333rem;
|
||||
|
@@ -217,6 +217,7 @@ body {
|
||||
height: px2rem(285, );
|
||||
margin: px2rem(36, ) auto 0;
|
||||
background-color: #fde2fb;
|
||||
border-radius: 0.3rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
@@ -410,12 +411,17 @@ body {
|
||||
height: px2rem(126, );
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
// background: url(../images/mingpai.png) no-repeat;
|
||||
// background: url(../images/circle.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// img {
|
||||
// width: px2rem(84, );
|
||||
// height: px2rem(84, );
|
||||
// margin-top: 0.3rem;
|
||||
// width: 1.2rem;
|
||||
// height: 1.2rem;
|
||||
// margin-top: 0.25rem;
|
||||
// }
|
||||
// .mingpai {
|
||||
// width: 1.35rem;
|
||||
// height: 0.42rem;
|
||||
// margin-top: 0.65rem;
|
||||
// }
|
||||
}
|
||||
|
||||
@@ -758,6 +764,9 @@ body {
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.norank {
|
||||
font-size: 0.52rem;
|
||||
}
|
||||
|
||||
.txbox1 {
|
||||
position: absolute;
|
||||
@@ -911,6 +920,10 @@ body {
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.mingpai {
|
||||
width: 2rem;
|
||||
height: 0.55rem;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 91 KiB |
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.8 KiB |
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 7.8 KiB |
@@ -9,7 +9,7 @@
|
||||
|
||||
<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.41">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.42">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@@ -103,7 +103,7 @@
|
||||
<ul class="gift-wrap">
|
||||
<li class="li1">
|
||||
<div class="giftbg">
|
||||
<img class="gift" src="./images/mingpai.png" alt="">
|
||||
<img class="mingpai" src="./images/mingpai.png" alt="">
|
||||
</div>
|
||||
<span></span>
|
||||
<div class="but">
|
||||
@@ -375,7 +375,7 @@
|
||||
<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.41"></script>
|
||||
<script src="./js/index.js?v=1.42"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
@@ -353,7 +353,7 @@ function getDrawRecord(drawPage, tab) {
|
||||
}
|
||||
|
||||
// 购买信物、兑换、抽奖 (道具id,数量)
|
||||
function buy(id, num, type ) {
|
||||
function buy(id, num, type) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'POST',
|
||||
@@ -367,27 +367,31 @@ function buy(id, num, type ) {
|
||||
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').attr('src', res.data.name)
|
||||
$('.petition-wrap .myticket span e').html(res.data.prop.remain)
|
||||
$('.gx .gx_in .box li img').attr('src', res.data.prop.prop.icon)
|
||||
$('.gx .gx_in .box li span').attr('src', res.data.prop.name)
|
||||
$('.gx .gx_in .tips').html(`*情人節限定5位靚號:52XXX(XXX為隨機數字,一組為2個靚號,<br>聯系客服領取:LINE: pekoyuyin)`)
|
||||
$('.gx').show()
|
||||
|
||||
} else {
|
||||
$('.petition-wrap .myticket span e').html(res.data.remain)
|
||||
|
||||
$('.gx .gx_in .box li img').attr('src', res.data.icon)
|
||||
$('.gx .gx_in .box li span').attr('src', res.data.name)
|
||||
// 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.prop.remain)
|
||||
$('.gx .gx_in .box li img').attr('src', res.data.prop.icon)
|
||||
$('.gx .gx_in .box li span').attr('src', res.data.prop.name)
|
||||
$('.gx .gx_in .tips').html(`獎勵將自動發放到裝扮中心,快去展示自己吧~`)
|
||||
$('.gx').show()
|
||||
}
|
||||
} else {
|
||||
if(type == 6) {
|
||||
if (type == 6) {
|
||||
toastMsg('很遺憾沒有抽到,距離靚號就差一點啦~')
|
||||
}else {
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
|
||||
|
||||
canGet = true
|
||||
}
|
||||
|
||||
@@ -472,6 +476,11 @@ function getRank() {
|
||||
|
||||
// 自己排名
|
||||
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);
|
||||
|