修复bug、压缩图片

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

@@ -88,7 +88,7 @@ body::-webkit-scrollbar {
 .header .rule_icon {
   width: 1.48rem;
   height: 0.49333rem;
-  line-height: 0.49333rem;
+  line-height: 0.52rem;
   color: #fff;
   font-size: 0.24rem;
   position: absolute;
@@ -876,10 +876,10 @@ body::-webkit-scrollbar {
 .page3 {
   display: none;
   width: 9.2rem;
-  height: 12.4rem;
+  min-height: 12.4rem;
   background: url(../images/page3.png) no-repeat;
-  background-size: 100% 100%;
+  background-size: 100% 12.4rem;
-  margin: -1.2rem auto 6rem;
+  margin: -1.2rem auto 2rem;
   position: relative;
 }
 
@@ -1224,14 +1224,16 @@ body::-webkit-scrollbar {
   background: #703EA8;
   margin-bottom: 0.13333rem;
   box-sizing: border-box;
-  padding: 0 0.36rem 0 0.52rem;
+  padding: 0 0.36rem 0 0.36rem;
 }
 
 .page3 .lists li .num {
   color: #fff;
-  margin-right: 0.34667rem;
+  margin-right: 0.2rem;
-  font-size: 0.49333rem;
+  font-size: 0.35rem;
   float: left;
+  width: 0.35rem;
+  text-align: center;
 }
 
 .page3 .lists li .tx {
@@ -1245,7 +1247,7 @@ body::-webkit-scrollbar {
 }
 
 .page3 .lists li .nick {
-  width: 2.8rem;
+  width: 2.6rem;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1448,6 +1450,10 @@ body::-webkit-scrollbar {
   top: 4rem;
 }
 
+.box_pub .box_pub_in .p4 {
+  top: 4.61333rem;
+}
+
 .box_pub .box_pub_in .box_pub_ul {
   width: 7.2rem;
   height: 6.9rem;

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

@@ -95,7 +95,7 @@ body {
     .rule_icon {
         width: px2rem(111);
         height: px2rem(37);
-        line-height: px2rem(37);
+        line-height: px2rem(39);
         color: #fff;
         font-size: px2rem(18);
         position: absolute;
@@ -890,10 +890,10 @@ body {
 .page3 {
     display: none;
     width: px2rem(690);
-    height: px2rem(930);
+    min-height: px2rem(930);
     background: url(../images/page3.png) no-repeat;
-    background-size: 100% 100%;
+    background-size: 100% px2rem(930);
-    margin: -1.2rem auto 6rem;
+    margin: -1.2rem auto 2rem;
     position: relative;
 
     .tab {
@@ -1236,13 +1236,17 @@ body {
             background: #703EA8;
             margin-bottom: px2rem(10);
             box-sizing: border-box;
-            padding: 0 px2rem(27) 0 px2rem(39);
+            padding: 0 px2rem(27) 0 px2rem(27);
 
             .num {
                 color: #fff;
-                margin-right: px2rem(26);
+                // margin-right: px2rem(26);
-                font-size: px2rem(37);
+                // font-size: px2rem(37);
+                margin-right: 0.2rem;
+                font-size: 0.35rem;
                 float: left;
+                width: 0.35rem;
+                text-align: center;
             }
 
             .tx {
@@ -1256,7 +1260,7 @@ body {
             }
 
             .nick {
-                width: 2.8rem;
+                width: 2.6rem;
                 white-space: nowrap; //不换行
                 overflow: hidden; //超出隐藏
                 text-overflow: ellipsis; //超出文本省略号
@@ -1460,6 +1464,9 @@ body {
         .p3 {
             top: px2rem(300);
         }
+        .p4{
+            top: px2rem(346);
+        }
 
         .box_pub_ul {
             width: px2rem(540);

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

@@ -56,7 +56,7 @@
         <div class="myCandy">我的糖果券：0</div>
         <!-- 气泡 -->
         <div class="qp">
-            <p>升级糖果券</p>
+            <p>升级宝箱</p>
             <p>赢限定礼物</p>
         </div>
         <!-- 糖果标题 -->
@@ -229,35 +229,34 @@
         <div class="rule_in">
             <div class="cen">
                 <p>
-                    一、活動時間：<br>
+                    一、活动时间：<br>
                     2023年10月28日12:00:00-2023年11月2日23:59:59
                 </p>
-                <p>二、禮物上新：<br>
+                <p>二、礼物上新：<br>
-                    活動期間將限時上架5款萬聖新限定禮物；1款萬聖限定福袋</p>
+                    活动期间将限时上架5款万圣新限定礼物；1款万圣限定福袋</p>
-                <p>三、活動攻略<br>
+                <p>叁、活动攻略<br>
-                    萬聖地圖<br>
+                    万圣地图<br>
-                    1.送出≥1的萬聖限定福袋解鎖萬聖地圖<br>
+                    1.送出≥1的万圣限定福袋解锁万圣地图<br>
-                    2.收到≥5的萬聖限定福袋解鎖萬聖地圖<br>
+                    2.收到≥5的万圣限定福袋解锁万圣地图<br>
-                    3.地圖升級詳情查看升級條件和獎勵內容<br>
+                    3.地图升级详情查看升级条件和奖励内容<br>
-                    4.行走到寶箱位置可獲得獎勵，非寶箱位置無獎勵<br>
+                    4.行走到宝箱位置可获得奖励，非宝箱位置无奖励<br>
-                    糖果任務<br>
+                    糖果任务<br>
-                    1.活動期間完成每日任務和循環任務領取糖果券；<br>
+                    1.活动期间完成每日任务和循环任务领取糖果券；<br>
-                    2.每日任務0點刷新，完成後進入活動頁領取獎勵；<br>
+                    2.每日任务0点刷新，完成后进入活动页领取奖励；<br>
-                    3.任務完成後，任務獎勵自動發放；</p>
+                    3.任务完成后，任务奖励自动发放；</p>
 
-                <p>四、萬聖榜單<br>
+                <p>四、万圣榜单<br>
-                    驚喜榜：<br>
+                    惊喜榜：<br>
-                    1.活動期間內，收到普通禮物可增加驚喜值，1鑽=1驚喜值，收到萬聖限定禮物1鑽=3驚喜值；<br>
+                    1.活动期间内，收到普通礼物可增加惊喜值，1鑽=1惊喜值，收到万圣限定礼物1鑽=3惊喜值；<br>
-                    2.普通禮物包含禮物面板和背包禮物；<br>
+                    2.普通礼物包含礼物面板和背包礼物；<br>
-                    3.大頭號不參與榜單活動排名；<br>
+                    3.大头号不参与榜单活动排名；<br>
-                    4.靚號獎勵A≠B≠C≠0，不可轉贈，請聯繫客服領取；<br>
+                    4.靓号奖励A≠B≠C≠0，不可转赠，请联系客服领取；<br>
                     尖叫榜<br>
-                    1.活動期間內，贈送普通禮物可增加尖叫值，1鑽=1尖叫值，贈送萬聖限定禮物1鑽=3尖叫值；<br>
+                    1.活动期间内，赠送普通礼物可增加尖叫值，1鑽=1尖叫值，赠送万圣限定礼物1鑽=3尖叫值；<br>
-                    2.普通禮物包含禮物面板和背包禮物；<br>
+                    2.普通礼物包含礼物面板和背包礼物；<br>
-                    3.大頭號不參與榜單活動排名；<br>
+                    3.大头号不参与榜单活动排名；<br>
-                    4.靚號獎勵A≠B≠C≠0，不可轉贈，請聯繫客服領取；<br></p>
+                    4.靓号奖励A≠B≠C≠0，不可转赠，请联系客服领取；<br></p>
-                <p>五、本活動最終解釋權歸Piko所有
+                <p>本活动最终解释权归音萌所有，本活动以及奖励与苹果公司无关；/p>
-                    本活動以及獎勵與Google/蘋果公司無關</p>
             </div>
         </div>
     </div>

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

@@ -91,7 +91,7 @@ function getRecommendRoom () {
         }
     })
 }
-// 接口
+// 抽奖配置接口
 function getConfig () {
     showLoading()
     networkRequest({
@@ -128,6 +128,25 @@ function getConfig () {
                     $('.page1 .boxs3').addClass('boxOpen3');
                     $('.page1 .road .boxImg').attr('src', './images/box3.png');
                 }
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error (err) {
+            hideLoading(layerIndex)
+            toastMsg('网络错误，请退出重进')
+        }
+    })
+}
+// 任务配置接口
+function getTaskConfig () {
+    showLoading()
+    networkRequest({
+        type: 'GEt',
+        url: urlPrefix + '/act/2023Halloween/task/getConfig',
+        success (res) {
+            if (res.code === 200) {
                 // 处理每日任务
                 res.data.dailyTaskList.forEach((res, i) => {
                     $(`.page2 .task${i + 1} .but`).attr('click', res.status);
@@ -219,6 +238,7 @@ $('.page1 .boxs').click(function () {
     }
     $('.box_pub .box_pub_in .box_pub_ul li').removeClass('li1').removeClass('li2').removeClass('li3');
     $('.box_pub .box_pub_in .box_pub_ul li').addClass(`li${i}`);
+    $('.box_pub .box_pub_in .box_pub_Title').attr('src', `./images/box_pub_Title${i}.png`)
     $('.box_pub').show();
     bodyScroolFun(true);
 })
@@ -250,10 +270,11 @@ $('.switch div').click(function () {
     $('.page1,.page2,.page3').hide();
     if (i == 1) {
         $('.page1').show();
+        getConfig();
     } else {
         $('.page2').show();
+        getTaskConfig();
     }
-    getConfig();
 })
 // 尖叫惊喜榜单切换
 $('.page3 .listTab div').click(function () {
@@ -278,9 +299,11 @@ $('.page3 .dayTab div').click(function () {
     if (i == 1) {
         type2 = 'a';
         rankType = type == "a" ? 1 : 3;
+        $('.page3 .time').show();
     } else {
         type2 = 'b';
         rankType = type == "a" ? 2 : 4;
+        $('.page3 .time').hide();
     }
     getRank(rankType, data);
 })
@@ -302,6 +325,8 @@ function getRank (rankType, date) {//排行榜类型rankType（1=送礼日榜，
         data: { rankType, date },
         success (res) {
             if (res.code === 200) {
+                // 设置当天日期
+                curDate = res.data.curDate;
                 // 处理日期
                 if (res.data.dateList) {
                     res.data.dateList.forEach((res, i) => {
@@ -496,7 +521,10 @@ function diceSvga () {
 // 摇骰子按钮
 $('.page1 .diceBox .dice').click(function () {
     // diceSvga();
-    getRecommendRoom(pooType, 1);
+    draw(pooType, 1);
+})
+$('.page1 .diceBox .diceRightBut').click(function () {
+    draw(pooType, null);
 })
 // 抽奖接口
 function draw (pooType, num) {
@@ -507,6 +535,8 @@ function draw (pooType, num) {
         data: { pooType, num },
         success (res) {
             if (res.code === 200) {
+                // 判断是否全部投入或单次投入
+                if (num != null) {
                     // 特效移动
                     for (let index = 0; index < res.data.step.length; index++) {
                         setTimeout(function () {
@@ -516,6 +546,7 @@ function draw (pooType, num) {
                             })
                         }, (index + 1) * 300)
                     }
+                }
                 //判断是否中奖
                 if (res.hasReward) {
                     // 渲染中奖列表<p>xxx头饰*1天</p>
@@ -536,6 +567,13 @@ function draw (pooType, num) {
                     $('.zg').show();
                     bodyScroolFun(true);
                 }
+                // 设置步数
+                $('.page1 .diceBox .dice').attr('src', `./images/dice${res.step.length}.png`);
+
+                getConfig();
+            } else if (res.code == 4000) {
+                toastMsg(res.message);
+                getConfig();
             } else {
                 toastMsg(res.message)
             }
@@ -555,7 +593,8 @@ var hiddenProperty = 'hidden' in document ? 'hidden' :
 var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
 var onVisibilityChange = function () {
     if (!document[hiddenProperty]) {
-        location.reload()
+        getConfig();
+        getTaskConfig();
     }
 }
 document.addEventListener(visibilityChangeEvent, onVisibilityChange);