From 14aed0156e881c5e91c01e2a34f9763b3d8b0765 Mon Sep 17 00:00:00 2001 From: chenruiye <862859104@qq.com> Date: Wed, 28 May 2025 18:25:42 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AF=BB=E5=AE=9D=E6=B4=BB=E5=8A=A8=E4=BF=AE?= =?UTF-8?q?=E5=A4=8D=E6=8E=92=E8=A1=8C=E6=A6=9C=E6=B2=A1=E6=95=B0=E6=8D=AE?= =?UTF-8?q?loading=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 | 22 ++++++- .../adventureTreasureHunt/css/index.scss | 63 +++++++++++++------ .../activity/adventureTreasureHunt/index.html | 12 +++- .../adventureTreasureHunt/js/index.js | 9 ++- .../adventureTreasureHunt/local/ar.js | 10 +-- .../adventureTreasureHunt/local/en.js | 5 +- .../adventureTreasureHunt/local/tr.js | 5 +- .../adventureTreasureHunt/local/zh.js | 5 +- 8 files changed, 100 insertions(+), 31 deletions(-) diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.css b/view/molistar/activity/adventureTreasureHunt/css/index.css index 8ac9dd2..2d0a812 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.css +++ b/view/molistar/activity/adventureTreasureHunt/css/index.css @@ -297,11 +297,25 @@ body { display: flex; align-items: center; } -.adventureTask .content .tip_box .txt .num { +.adventureTask .content .tip_box .txt .left .num { color: #FFFFFF; font-weight: 600; } -.adventureTask .content .tip_box .txt img { +.adventureTask .content .tip_box .txt .left .curScore_box { + margin-top: 0.2666666667rem; +} +.adventureTask .content .tip_box .txt .right { + display: flex; + align-items: center; + margin-left: auto; +} +.adventureTask .content .tip_box .txt .right .Details { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3466666667rem; + color: #FFFCD0; +} +.adventureTask .content .tip_box .txt .right img { width: 0.2933333333rem; height: 0.2933333333rem; } @@ -1073,6 +1087,10 @@ body { .arabic .adventureTask .content .tip_box .txt img { transform: rotate(180deg); } +.arabic .adventureTask .content .tip_box .txt .right { + margin-left: 0; + margin-right: auto; +} .arabic .header { background: url(../images/header-ar.png) no-repeat; background-size: 100% 100%; diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.scss b/view/molistar/activity/adventureTreasureHunt/css/index.scss index 6ef5a42..2ff79b3 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.scss +++ b/view/molistar/activity/adventureTreasureHunt/css/index.scss @@ -348,15 +348,34 @@ body { display: flex; align-items: center; - .num { - color: #FFFFFF; - font-weight: 600; + .left { + .num { + color: #FFFFFF; + font-weight: 600; + } + .curScore_box{ + margin-top: px2rem(20); + } } - img { - width: px2rem(22); - height: px2rem(22); + .right { + 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); + } } + + + } .Points_mission { @@ -615,19 +634,22 @@ body { .box { background: linear-gradient(180deg, #714A00, #221A00); -border-radius: px2rem(13); -border: px2rem(2) solid #FFFFFF; -padding: px2rem(6); + border-radius: px2rem(13); + border: px2rem(2) solid #FFFFFF; + padding: px2rem(6); + img { width: px2rem(77); height: px2rem(77); } } - .box_si{ + + .box_si { background: linear-gradient(180deg, #8D0732, #3D0012); -border-radius: px2rem(13); -border: px2rem(2) solid #FFBC1B; -padding: px2rem(6); + border-radius: px2rem(13); + border: px2rem(2) solid #FFBC1B; + padding: px2rem(6); + img { width: px2rem(77); height: px2rem(77); @@ -880,8 +902,8 @@ padding: px2rem(6); font-weight: 400; font-size: px2rem(28); color: #FFFCD0; - - img{ + + img { width: px2rem(27); height: px2rem(27); margin: 0 px2rem(6); @@ -1211,9 +1233,10 @@ padding: px2rem(6); .box { background: linear-gradient(180deg, #8D0732, #3D0012); -border-radius: px2rem(13); -border: px2rem(2) solid #FFBC1B; -padding: px2rem(6); + border-radius: px2rem(13); + border: px2rem(2) solid #FFBC1B; + padding: px2rem(6); + img { width: px2rem(77); height: px2rem(77); @@ -1252,6 +1275,10 @@ padding: px2rem(6); .adventureTask .content .tip_box .txt img { transform: rotate(180deg); } + .adventureTask .content .tip_box .txt .right{ + margin-left: 0; + margin-right: auto; + } .header { background: url(../images/header-ar.png) no-repeat; diff --git a/view/molistar/activity/adventureTreasureHunt/index.html b/view/molistar/activity/adventureTreasureHunt/index.html index 5859976..d250369 100644 --- a/view/molistar/activity/adventureTreasureHunt/index.html +++ b/view/molistar/activity/adventureTreasureHunt/index.html @@ -73,8 +73,16 @@