23情人节:自己排名、购买成功礼物样式,替换图片

This commit is contained in:
qf
2023-02-07 16:28:05 +08:00
parent 8729fc7f5b
commit a259af6c6a
10 changed files with 48 additions and 18 deletions

View File

@@ -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;

View File

@@ -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 {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

View File

@@ -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>

View File

@@ -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位靚號:52XXXXXX為隨機數字一組為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);