完善古尔邦节

view/molistar/activity/2025-celebrateEid/css/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 html,
 body {
   width: 100%;
@@ -1442,23 +1443,35 @@ body {
   line-height: 0.4533333333rem;
 }
 .page2 .ramadanGifts .c .gifyBigBox {
-  width: 8.6rem;
-  height: 3.6rem;
-  margin: 0 auto 0;
-  overflow-x: scroll;
+  height: 3rem;
+  margin: 0 0.6666666667rem 0;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  /* 隐藏滚动条 */
+}
+.page2 .ramadanGifts .c .gifyBigBox::-webkit-scrollbar {
+  display: none;
 }
 .page2 .ramadanGifts .c .gifyBigBox .gift {
-  width: 20rem;
+  width: 10rem;
   padding: 0 0.6666666667rem;
+  display: flex;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  /* 隐藏滚动条 */
+}
+.page2 .ramadanGifts .c .gifyBigBox .gift::-webkit-scrollbar {
+  display: none;
 }
 .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox {
-  float: left;
   width: 2.2666666667rem;
   height: 2.2666666667rem;
   background: url(../images/page3GiftBg.png) no-repeat;
   background-size: 100% 100%;
   position: relative;
-  margin-right: 1.0666666667rem;
+  margin-right: 0.2666666667rem;
   margin-top: 0.2666666667rem;
 }
 .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox .sTitle {
@@ -2119,6 +2132,10 @@ body {
   margin: 0.3066666667rem auto 2.1333333333rem;
 }
 
+.arabic .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox {
+  margin-left: 0.2666666667rem;
+  margin-right: 0;
+}
 .arabic .header {
   background: url(../images/header-ar.png) no-repeat;
   background-size: 100% 100%;

view/molistar/activity/2025-celebrateEid/css/index.scss

@@ -1560,7 +1560,7 @@ body {
             // background: -webkit-linear-gradient(left, #fff, #FFED26);
             -webkit-background-clip: text;
             background-clip: text;
-            color:#140600;
+            color: #140600;
 
             img {
                 display: inline-block;
@@ -1635,23 +1635,39 @@ body {
             }
 
             .gifyBigBox {
-                width: 8.6rem;
-                height: 3.6rem;
-                margin: 0 auto 0;
-                overflow-x: scroll;
+                // width: 8rem;
+                height: 3rem;
+                margin: 0 px2rem(50) 0;
+                overflow-x: auto;
+                -webkit-overflow-scrolling: touch;
+                scrollbar-width: none;
+
+                /* 隐藏滚动条 */
+                &::-webkit-scrollbar {
+                    display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+                }
 
                 .gift {
-                    width: 20rem;
+                    width: 10rem;
                     padding: 0 px2rem(50);
+                    display: flex;
+                    overflow-x: auto;
+                    -webkit-overflow-scrolling: touch;
+                    scrollbar-width: none;
+
+                    /* 隐藏滚动条 */
+                    &::-webkit-scrollbar {
+                        display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+                    }
 
                     .giftBox {
-                        float: left;
+                        // float: left;
                         width: px2rem(170);
                         height: px2rem(170);
                         background: url(../images/page3GiftBg.png) no-repeat;
                         background-size: 100% 100%;
                         position: relative;
-                        margin-right: px2rem(80);
+                        margin-right: px2rem(20);
                         margin-top: px2rem(20);
 
                         .sTitle {
@@ -1730,6 +1746,7 @@ body {
             margin: 0 auto px2rem(-5);
             overflow: hidden;
             position: relative;
+
             .title {
                 width: px2rem(550);
                 height: px2rem(102);
@@ -1820,7 +1837,7 @@ body {
                     height: px2rem(248);
                     background: url(../images/page3Bg2.png) no-repeat;
                     background-size: 100% 100%;
-                    margin: 0 auto ;
+                    margin: 0 auto;
                     position: relative;
                     display: none;
 
@@ -1859,9 +1876,10 @@ body {
                         }
                     }
                 }
-                .no_bg{
+
+                .no_bg {
                     background: url(../images/no1_bg.png) no-repeat;
-                        background-size: 100% 100%;
+                    background-size: 100% 100%;
                     width: px2rem(672);
                     height: px2rem(872);
                     margin: 0 px2rem(40);
@@ -1875,7 +1893,8 @@ body {
                     position: relative;
                     margin: 0 auto 0;
                     background: url(../images/no1.png) no-repeat;
-                        background-size: 100% 100%;
+                    background-size: 100% 100%;
+
                     .rewards {
                         display: none;
                         position: absolute;
@@ -1978,6 +1997,7 @@ body {
                     position: relative;
                     z-index: 2;
                     margin-top: px2rem(20);
+
                     .no2 {
                         width: px2rem(322);
                         height: px2rem(347);
@@ -2405,6 +2425,10 @@ body {
 }
 
 .arabic {
+    .page2 .ramadanGifts .c .gifyBigBox .gift .giftBox{
+        margin-left: px2rem(20);
+        margin-right: 0;
+    }
     .header {
         background: url(../images/header-ar.png) no-repeat;
         background-size: 100% 100%;

view/molistar/activity/2025-celebrateEid/index.html

@@ -337,34 +337,20 @@
                 <div class="gifyBigBox">
                     <div class="gift">
                         <div class="giftBox">
-                            <div class="sTitle cp text35"></div>
+                            <div class="sTitle normal text37"></div>
                             <img src="./images/ramadanLanterns.png" alt="" class="">
-                            <span class="text36"></span>
                         </div>
                         <div class="giftBox ">
                             <div class="sTitle normal text37"></div>
                             <img src="./images/ramadan.png" alt="" class="">
-                            <span class="text38"></span>
                         </div>
                         <div class="giftBox ">
                             <div class="sTitle lucky text39"></div>
                             <img src="./images/luckyLanterns.png" alt="" class="">
-                            <span class="text40"></span>
                         </div>
                         <div class="giftBox ">
                             <div class="sTitle lucky text39"></div>
                             <img src="./images/holyQuran.png" alt="" class="">
-                            <span class="text41"></span>
-                        </div>
-                        <div class="giftBox ">
-                            <div class="sTitle normal text37"></div>
-                            <img src="./images/eidCakes.png" alt="" class="">
-                            <span class="text42"></span>
-                        </div>
-                        <div class="giftBox ">
-                            <div class="sTitle normal text37"></div>
-                            <img src="./images/fancyDinner.png" alt="" class="">
-                            <span class="text43"></span>
                         </div>
                     </div>
                 </div>

view/molistar/activity/2025-celebrateEid/js/index.js

@@ -227,16 +227,16 @@ function questionConfig(dates) {
                                 <img src="${myMap[key] == 3 ? './images/corrects.png' : myMap[key] == 2 ? './images/incorrect.png' : ''}" alt="">
                             </div>
                         `
-                        if (key == '2025-03-03' && myMap[key] == 3) {
+                        if (key == '2025-06-06' && myMap[key] == 3) {
                             $('.page1 .c .page1_2 .rewars1 div .doneBut').show();
                         }
-                        if (key == '2025-03-07' && myMap[key] == 3) {
+                        if (key == '2025-06-10' && myMap[key] == 3) {
                             $('.page1 .c .page1_2 .rewars2 div .doneBut').show();
                         }
-                        if (key == '2025-03-15' && myMap[key] == 3) {
+                        if (key == '2025-06-13' && myMap[key] == 3) {
                             $('.page1 .c .page1_2 .rewars3 div .doneBut').show();
                         }
-                        if (key == '2025-03-30' && myMap[key] == 3) {
+                        if (key == '2025-06-17' && myMap[key] == 3) {
                             $('.page1 .c .page1_2 .rewars4 div .doneBut').show();
                         }
                     }
@@ -250,12 +250,12 @@ function questionConfig(dates) {
                     if (myMap.hasOwnProperty(key)) {
                         bool = !bool;
                         lantern += `
-                            <div status="${myMap[key]}" date="${key}" class="buts ${key == '2025-03-03' || key == '2025-03-07' || key == '2025-03-15' || key == '2025-03-30' ? 'special' : ''} ${bool ? 'singular' : ''} ${myMap[key] == 0 ? 'hangInTheAir' : myMap[key] == 1 ? 'beCompleted' : myMap[key] == 2 || myMap[key] == 3 ? 'completed' : ''}">
+                            <div status="${myMap[key]}" date="${key}" class="buts ${key == '2025-06-06' || key == '2025-06-10' || key == '2025-06-13' || key == '2025-06-17' ? 'special' : ''} ${bool ? 'singular' : ''} ${myMap[key] == 0 ? 'hangInTheAir' : myMap[key] == 1 ? 'beCompleted' : myMap[key] == 2 || myMap[key] == 3 ? 'completed' : ''}">
                                 <div class="lanternDate">${formattedDate(key)}</div>
                                 <img src="./images/ok.png" alt="" class="ok">
                                 <img src="./images/notOk.png" alt="" class="notOk">
-                                <div class="gift" style="display:${key == '2025-03-03' || key == '2025-03-07' || key == '2025-03-15' || key == '2025-03-30' ? 'block' : 'none'}">
-                                    <img src="./images/${key == '2025-03-03' ? 'questionSheet1' : key == '2025-03-07' ? 'questionSheet2' : key == '2025-03-15' ? 'questionSheet3' : key == '2025-03-30' ? 'questionSheet4' : ''}.png" alt="">
+                                <div class="gift" style="display:${key == '2025-06-06' || key == '2025-06-10' || key == '2025-06-13' || key == '2025-06-17' ? 'block' : 'none'}">
+                                    <img src="./images/${key == '2025-06-06' ? 'lanternBox1' : key == '2025-06-10' ? 'lanternBox2' : key == '2025-06-13' ? 'lanternBox3' : key == '2025-06-17' ? 'lanternBox4' : ''}.png" alt="">
                                 </div>
                             </div>
                         `

view/molistar/activity/2025-celebrateEid/local/ar.js

@@ -6,7 +6,7 @@ langAr = {
         layerIndex2: 'اكتملت العملية',
         layerIndex3: 'خطأ في الشبكة، يرجى الخروج وإعادة الدخول',
         text1: `احتفل بعيد الأضحى المبارك`,
-        text2: `وقت الفعالية: ١ - ١٦ يونيو`,
+        text2: `وقت الحدث: 4 يونيو - 17 يونيو`,
         text3: `<span>أسئلة</span>`,
         text4: `<span> العملات اليوم</span>`,
         text5: `أسئلة اليوم`,

view/molistar/activity/2025-celebrateEid/local/en.js

@@ -6,7 +6,7 @@ langEn = {
         layerIndex2: 'Operation completed',
         layerIndex3: 'Network error, please exit and re-enter',
         text1: `Celebrate Eid al-Adha`,
-        text2: `Event time: June 1st - June 16th`,
+        text2: `Event time: June 4st - June 17th`,
         text3: `<span>Questions</span>`,
         text4: `<span>Coins Pool</span>`,
         text5: `Today's Questions`,

view/molistar/activity/2025-celebrateEid/local/tr.js

@@ -6,7 +6,7 @@ langTr = {
         layerIndex2: 'İşlem tamamlandı',
         layerIndex3: 'Ağ hatası, lütfen çıkış yapıp tekrar girin',
         text1: `Kurban Bayramı'nı kutlayın`,
-        text2: `Etkinlik zamanı: 1 Haziran - 16 Haziran`,
+        text2: `Etkinlik zamanı: 4 Haziran - 17 Haziran`,
         text3: `<span>Soruları</span>`,
         text4: `<span>Coin Havuzu</span>`,
         text5: `Günün Soruları`,

view/molistar/activity/2025-celebrateEid/local/zh.js

@@ -6,7 +6,7 @@ langZh = {
         layerIndex2: '操作完成',
         layerIndex3: '網絡錯誤，請退出並重新進入',
         text1: `慶祝宰牲節`,
-        text2: `活動時間：6月1日-6月16日`,
+        text2: `活動時間：6月4日-6月17日`,
         text3: `<span>問答</span>`,
         text4: `<span>金幣獎池</span>`,
         text5: `今日問題`,