调整ui

view/yinmeng/activity/2023-halloween/css/index.css

@@ -1565,8 +1565,8 @@ body::-webkit-scrollbar {
 }
 
 .gx .gx_in .gxBox {
-  width: 6.6rem;
+  width: 8rem;
-  height: 4rem;
+  height: 5.4rem;
   position: relative;
   top: 1.61333rem;
   left: 50%;
@@ -1587,13 +1587,24 @@ body::-webkit-scrollbar {
   margin-bottom: 0.58667rem;
 }
 
+.gx .gx_in .gxBox li .gift,
 .gx .gx_in .gxBox li img {
   width: 1.32rem;
   height: 1.41333rem;
   position: absolute;
-  top: 0.22667rem;
+  top: 50%;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
+}
+
+.gx .gx_in .gxBox li .mp {
+  width: 1.93333rem;
+  height: 0.53333rem;
+}
+
+.gx .gx_in .gxBox li .qp {
+  width: 1.33333rem;
+  height: 1.06667rem;
 }
 
 .gx .gx_in .gxBox li p {

view/yinmeng/activity/2023-halloween/css/index.scss

@@ -1604,8 +1604,8 @@ body {
         overflow: hidden;
 
         .gxBox {
-            width: px2rem(495);
+            width: 8rem;
-            height: px2rem(300);
+            height: 5.4rem;
             position: relative;
             top: px2rem(121);
             left: 50%;
@@ -1624,15 +1624,32 @@ body {
                 position: relative;
                 margin-bottom: px2rem(44);
 
+                .gift,
                 img {
                     width: px2rem(99);
                     height: px2rem(106);
                     position: absolute;
-                    top: px2rem(17);
+                    top: 50%;
                     left: 50%;
-                    transform: translateX(-50%);
+                    transform: translate(-50%, -50%);
                 }
 
+                .ts {}
+
+                .mp {
+                    width: px2rem(145);
+                    height: px2rem(40);
+                }
+
+                .qp {
+                    width: px2rem(100);
+                    height: px2rem(80);
+                }
+
+                .zj {}
+
+                .lw {}
+
                 p {
                     color: #FFFFFF;
                     font-size: px2rem(22);

view/yinmeng/activity/2023-halloween/js/index.js

@@ -70,9 +70,9 @@ $(function () {
                 disableOnInteraction: false
             }
         })
+        getTaskConfig();
         getRecommendRoom();
         getConfig();
-        getTaskConfig();
     }, 100)
 })
 // 获取房间Uid接口
@@ -690,9 +690,10 @@ function drawOut (res, time, poolType) {
         var str = '';
         $('.gx .gx_in .gxBox li').remove();
         res.data.rewardList.forEach((res, i) => {
+            // 1头饰；2铭牌；3气泡；4座驾；5礼物；
             str += `
         <li>
-            <img src="${res.pic}" alt="" class="gift">
+            <img src="${res.pic}" alt="" class="gift ${res.type == 1 ? 'ts' : res.type == 2 ? 'mp' : res.type == 3 ? 'qp' : res.type == 4 ? 'zj' : 'lw'}">
             <p>${res.desc}</p>
         </li>
         `