From 951a047a3778c3511cd7d1fe7645e6fd284ce158 Mon Sep 17 00:00:00 2001 From: chenruiye <862859104@qq.com> Date: Thu, 29 May 2025 18:58:17 +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=E5=BC=B9=E5=B9=95=20=E6=8A=BD=E5=A5=96=E8=AE=B0?= =?UTF-8?q?=E5=BD=95=E5=9B=BE=E7=89=87=E5=8E=8B=E7=BC=A9=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 | 27 ++++++++++++++++- .../adventureTreasureHunt/css/index.scss | 29 +++++++++++++++++-- .../adventureTreasureHunt/js/index.js | 3 +- 3 files changed, 54 insertions(+), 5 deletions(-) diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.css b/view/molistar/activity/adventureTreasureHunt/css/index.css index 50ef6e3..307a9dc 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.css +++ b/view/molistar/activity/adventureTreasureHunt/css/index.css @@ -107,6 +107,8 @@ body { padding: 0.04rem 0.2133333333rem 0 0.08rem; overflow: hidden; margin-bottom: 0.4rem; + display: flex; + align-items: center; } .header .danmu #my_container .my_container_in img { display: block; @@ -117,6 +119,20 @@ body { padding-bottom: 0.08rem; border-radius: 50%; } +.header .danmu #my_container .my_container_in .icon_box { + width: 0.5866666667rem; + height: 0.5866666667rem; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; +} +.header .danmu #my_container .my_container_in .icon_box img { + width: auto !important; + height: auto !important; + max-width: 100% !important; + max-height: 100% !important; +} .header .danmu #my_container .my_container_in span { display: block; float: left; @@ -804,10 +820,19 @@ body { opacity: 0.6; margin-top: 0.2133333333rem; } -.popup_record .popup_content .detail_list .detail_box .left img { +.popup_record .popup_content .detail_list .detail_box .left { width: 1.0933333333rem; height: 1.0933333333rem; border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} +.popup_record .popup_content .detail_list .detail_box .left img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } .popup_record .popup_content .close_btn { position: absolute; diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.scss b/view/molistar/activity/adventureTreasureHunt/css/index.scss index de6ae92..48f75b3 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.scss +++ b/view/molistar/activity/adventureTreasureHunt/css/index.scss @@ -128,7 +128,8 @@ body { padding: px2rem(3) px2rem(16) 0 px2rem(6); overflow: hidden; margin-bottom: px2rem(30); - + display: flex; + align-items: center; img { display: block; float: left; @@ -139,6 +140,20 @@ body { // margin-right: px2rem(5); border-radius: 50%; } + .icon_box{ + width: px2rem(44); + height: px2rem(44); + flex-shrink:0; + display: flex; + align-items: center; + justify-content: center; + img{ + width: auto !important; + height: auto !important; + max-width: 100% !important; + max-height: 100% !important; + } + } span { display: block; @@ -940,10 +955,18 @@ body { } .left { - img { - width: px2rem(82); + width: px2rem(82); height: px2rem(82); border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + img { + + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } } } diff --git a/view/molistar/activity/adventureTreasureHunt/js/index.js b/view/molistar/activity/adventureTreasureHunt/js/index.js index ad80a5d..0277ac5 100644 --- a/view/molistar/activity/adventureTreasureHunt/js/index.js +++ b/view/molistar/activity/adventureTreasureHunt/js/index.js @@ -77,8 +77,9 @@ const renderDM = (item) => { ${item.user.nick} ${langReplace(localLang.demoModule.Won)} +
- +
` return $div; },