moliparty/moliparty-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

寻宝活动-修改抽奖图片显示问题

Browse Source
This commit is contained in:
chenruiye
2025-05-28 19:11:58 +08:00
parent 2c9ad0fee7
commit db019d7b04
3 changed files with 93 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
view/molistar/activity/adventureTreasureHunt/css/index.css
View File

@@ -541,20 +541,36 @@ body {
border-radius: 0.1733333333rem; border-radius: 0.1733333333rem;
border: 0.0266666667rem solid #FFFFFF; border: 0.0266666667rem solid #FFFFFF;
padding: 0.08rem; padding: 0.08rem;
width: 1.2rem;
height: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} }
.adventureRanking .content .rank_list .rank_box .gift_box .box img { .adventureRanking .content .rank_list .rank_box .gift_box .box img {
width: 1.0266666667rem; width: auto;
height: 1.0266666667rem; height: auto;
max-width: 100%;
max-height: 100%;
} }
.adventureRanking .content .rank_list .rank_box .gift_box .box_si { .adventureRanking .content .rank_list .rank_box .gift_box .box_si {
background: linear-gradient(180deg, #8D0732, #3D0012); background: linear-gradient(180deg, #8D0732, #3D0012);
border-radius: 0.1733333333rem; border-radius: 0.1733333333rem;
border: 0.0266666667rem solid #FFBC1B; border: 0.0266666667rem solid #FFBC1B;
padding: 0.08rem; padding: 0.08rem;
width: 1.2rem;
height: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} }
.adventureRanking .content .rank_list .rank_box .gift_box .box_si img { .adventureRanking .content .rank_list .rank_box .gift_box .box_si img {
width: 1.0266666667rem; width: auto;
height: 1.0266666667rem; height: auto;
max-width: 100%;
max-height: 100%;
} }
.adventureRanking .bottom { .adventureRanking .bottom {
background-image: url("../images/content_bottom.png"); background-image: url("../images/content_bottom.png");
@@ -944,10 +960,19 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}
.popup_treasure .popup_content .gift_list .gift_box .img_box img {
width: 2.2rem; width: 2.2rem;
height: 2.2rem; height: 2.2rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding: 0.2133333333rem;
}
.popup_treasure .popup_content .gift_list .gift_box .img_box img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
} }
.popup_treasure .popup_content .gift_list .gift_box .gift_name { .popup_treasure .popup_content .gift_list .gift_box .gift_name {
font-family: PingFang SC; font-family: PingFang SC;
@@ -1057,10 +1082,18 @@ body {
border-radius: 0.1733333333rem; border-radius: 0.1733333333rem;
border: 0.0266666667rem solid #FFBC1B; border: 0.0266666667rem solid #FFBC1B;
padding: 0.08rem; padding: 0.08rem;
width: 1.2rem;
height: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} }
.my_Points .gift_box .box img { .my_Points .gift_box .box img {
width: 1.0266666667rem; width: auto;
height: 1.0266666667rem; height: auto;
max-width: 100%;
max-height: 100%;
} }
.bottom_height { .bottom_height {

62
view/molistar/activity/adventureTreasureHunt/css/index.scss
View File

@@ -353,7 +353,8 @@ body {
color: #FFFFFF; color: #FFFFFF;
font-weight: 600; font-weight: 600;
} }
.curScore_box{
.curScore_box {
margin-top: px2rem(20); margin-top: px2rem(20);
} }
} }
@@ -362,12 +363,14 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: auto; margin-left: auto;
.Details { .Details {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
font-size: px2rem(26); font-size: px2rem(26);
color: #FFFCD0; color: #FFFCD0;
} }
img { img {
width: px2rem(22); width: px2rem(22);
height: px2rem(22); height: px2rem(22);
@@ -375,7 +378,7 @@ body {
} }
} }
.Points_mission { .Points_mission {
@@ -637,10 +640,18 @@ body {
border-radius: px2rem(13); border-radius: px2rem(13);
border: px2rem(2) solid #FFFFFF; border: px2rem(2) solid #FFFFFF;
padding: px2rem(6); padding: px2rem(6);
width: px2rem(90);
height: px2rem(90);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
img { img {
width: px2rem(77); width: auto;
height: px2rem(77); height: auto;
max-width: 100%;
max-height: 100%;
} }
} }
@@ -649,10 +660,18 @@ body {
border-radius: px2rem(13); border-radius: px2rem(13);
border: px2rem(2) solid #FFBC1B; border: px2rem(2) solid #FFBC1B;
padding: px2rem(6); padding: px2rem(6);
width: px2rem(90);
height: px2rem(90);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
img { img {
width: px2rem(77); width: auto;
height: px2rem(77); height: auto;
max-width: 100%;
max-height: 100%;
} }
} }
} }
@@ -1096,10 +1115,18 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: px2rem(165);
height: px2rem(165);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding: px2rem(16);
img { img {
width: px2rem(165); width: auto;
height: px2rem(165); height: auto;
max-width: 100%;
max-height: 100%;
} }
} }
@@ -1232,14 +1259,24 @@ body {
} }
.box { .box {
background: linear-gradient(180deg, #8D0732, #3D0012); background: linear-gradient(180deg, #8D0732, #3D0012);
border-radius: px2rem(13); border-radius: px2rem(13);
border: px2rem(2) solid #FFBC1B; border: px2rem(2) solid #FFBC1B;
padding: px2rem(6); padding: px2rem(6);
width: px2rem(90);
height: px2rem(90);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
img { img {
width: px2rem(77); width: auto;
height: px2rem(77); height: auto;
max-width: 100%;
max-height: 100%;
// object-fit: contain;
} }
} }
} }
@@ -1275,7 +1312,8 @@ body {
.adventureTask .content .tip_box .txt img { .adventureTask .content .tip_box .txt img {
transform: rotate(180deg); transform: rotate(180deg);
} }
.adventureTask .content .tip_box .txt .right{
.adventureTask .content .tip_box .txt .right {
margin-left: 0; margin-left: 0;
margin-right: auto; margin-right: auto;
} }

3
view/molistar/activity/adventureTreasureHunt/js/index.js
View File

@@ -362,10 +362,11 @@ function renderinglistScoreRecord() {
if (res.code === 200) { if (res.code === 200) {
$('.popup_detail .popup_content .detail_list .detail_box').remove(); $('.popup_detail .popup_content .detail_list .detail_box').remove();
let str = '' let str = ''
// <div class="Kimlik" style="display:${item.type == 2 ? 'block' : 'none'}">${langReplace(localLang.demoModule.Points)}+30%</div>
res.data.forEach((item, index) => { res.data.forEach((item, index) => {
str += ` str += `
<div class="detail_box"> <div class="detail_box">
<div class="Kimlik" style="display:${item.type == 2 ? 'block' : 'none'}">${langReplace(localLang.demoModule.Points)}+30%</div>
<div class="left"> <div class="left">
<div class="title_desc">${item.desc}</div> <div class="title_desc">${item.desc}</div>
<div class="time">${item.createTime}</div> <div class="time">${item.createTime}</div>