From db019d7b04f879ebcf5c2dc1339cc71f28a8faab Mon Sep 17 00:00:00 2001 From: chenruiye <862859104@qq.com> Date: Wed, 28 May 2025 19:11:58 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AF=BB=E5=AE=9D=E6=B4=BB=E5=8A=A8-=E4=BF=AE?= =?UTF-8?q?=E6=94=B9=E6=8A=BD=E5=A5=96=E5=9B=BE=E7=89=87=E6=98=BE=E7=A4=BA?= =?UTF-8?q?=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../adventureTreasureHunt/css/index.css | 49 ++++++++++++--- .../adventureTreasureHunt/css/index.scss | 62 +++++++++++++++---- .../adventureTreasureHunt/js/index.js | 3 +- 3 files changed, 93 insertions(+), 21 deletions(-) diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.css b/view/molistar/activity/adventureTreasureHunt/css/index.css index 2d0a812..50ef6e3 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.css +++ b/view/molistar/activity/adventureTreasureHunt/css/index.css @@ -541,20 +541,36 @@ body { border-radius: 0.1733333333rem; border: 0.0266666667rem solid #FFFFFF; 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 { - width: 1.0266666667rem; - height: 1.0266666667rem; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } .adventureRanking .content .rank_list .rank_box .gift_box .box_si { background: linear-gradient(180deg, #8D0732, #3D0012); border-radius: 0.1733333333rem; border: 0.0266666667rem solid #FFBC1B; 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 { - width: 1.0266666667rem; - height: 1.0266666667rem; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } .adventureRanking .bottom { background-image: url("../images/content_bottom.png"); @@ -944,10 +960,19 @@ body { display: flex; align-items: center; justify-content: center; -} -.popup_treasure .popup_content .gift_list .gift_box .img_box img { width: 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 { font-family: PingFang SC; @@ -1057,10 +1082,18 @@ body { border-radius: 0.1733333333rem; border: 0.0266666667rem solid #FFBC1B; 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 { - width: 1.0266666667rem; - height: 1.0266666667rem; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } .bottom_height { diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.scss b/view/molistar/activity/adventureTreasureHunt/css/index.scss index 2ff79b3..de6ae92 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.scss +++ b/view/molistar/activity/adventureTreasureHunt/css/index.scss @@ -353,7 +353,8 @@ body { color: #FFFFFF; font-weight: 600; } - .curScore_box{ + + .curScore_box { margin-top: px2rem(20); } } @@ -362,12 +363,14 @@ body { display: flex; align-items: center; margin-left: auto; + .Details { font-family: PingFang SC; font-weight: 400; font-size: px2rem(26); color: #FFFCD0; } + img { width: px2rem(22); height: px2rem(22); @@ -375,7 +378,7 @@ body { } - + } .Points_mission { @@ -637,10 +640,18 @@ body { border-radius: px2rem(13); border: px2rem(2) solid #FFFFFF; padding: px2rem(6); + width: px2rem(90); + height: px2rem(90); + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; img { - width: px2rem(77); - height: px2rem(77); + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } } @@ -649,10 +660,18 @@ body { border-radius: px2rem(13); border: px2rem(2) solid #FFBC1B; padding: px2rem(6); + width: px2rem(90); + height: px2rem(90); + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; img { - width: px2rem(77); - height: px2rem(77); + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } } } @@ -1096,10 +1115,18 @@ body { display: flex; align-items: 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 { - width: px2rem(165); - height: px2rem(165); + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } } @@ -1232,14 +1259,24 @@ body { } .box { + background: linear-gradient(180deg, #8D0732, #3D0012); border-radius: px2rem(13); border: px2rem(2) solid #FFBC1B; padding: px2rem(6); + width: px2rem(90); + height: px2rem(90); + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; img { - width: px2rem(77); - height: px2rem(77); + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + // object-fit: contain; } } } @@ -1275,7 +1312,8 @@ body { .adventureTask .content .tip_box .txt img { transform: rotate(180deg); } - .adventureTask .content .tip_box .txt .right{ + + .adventureTask .content .tip_box .txt .right { margin-left: 0; margin-right: auto; } diff --git a/view/molistar/activity/adventureTreasureHunt/js/index.js b/view/molistar/activity/adventureTreasureHunt/js/index.js index 8436634..0bb055d 100644 --- a/view/molistar/activity/adventureTreasureHunt/js/index.js +++ b/view/molistar/activity/adventureTreasureHunt/js/index.js @@ -362,10 +362,11 @@ function renderinglistScoreRecord() { if (res.code === 200) { $('.popup_detail .popup_content .detail_list .detail_box').remove(); let str = '' + //
${langReplace(localLang.demoModule.Points)}+30%
+ res.data.forEach((item, index) => { str += `
-
${langReplace(localLang.demoModule.Points)}+30%
${item.desc}
${item.createTime}