完成斋月第一个Tab

2025-02-21 10:44:32 +08:00
parent 805eeacb67
commit 595747b8d4
76 changed files with 6362 additions and 1 deletions
--- a/view/molistar/activity/ramadan/css/index.css
+++ b/view/molistar/activity/ramadan/css/index.css
--- a/view/molistar/activity/ramadan/css/index.scss
+++ b/view/molistar/activity/ramadan/css/index.scss
--- a/view/molistar/activity/ramadan/images/abc_Bg.png
+++ b/view/molistar/activity/ramadan/images/abc_Bg.png
--- a/view/molistar/activity/ramadan/images/abc_Bg2.png
+++ b/view/molistar/activity/ramadan/images/abc_Bg2.png
--- a/view/molistar/activity/ramadan/images/beCompleted.png
+++ b/view/molistar/activity/ramadan/images/beCompleted.png
--- a/view/molistar/activity/ramadan/images/calendarBg.png
+++ b/view/molistar/activity/ramadan/images/calendarBg.png
--- a/view/molistar/activity/ramadan/images/calendarNumBg.png
+++ b/view/molistar/activity/ramadan/images/calendarNumBg.png
--- a/view/molistar/activity/ramadan/images/close.png
+++ b/view/molistar/activity/ramadan/images/close.png
--- a/view/molistar/activity/ramadan/images/completed.png
+++ b/view/molistar/activity/ramadan/images/completed.png
--- a/view/molistar/activity/ramadan/images/corrects.png
+++ b/view/molistar/activity/ramadan/images/corrects.png
--- a/view/molistar/activity/ramadan/images/cpTitle.png
+++ b/view/molistar/activity/ramadan/images/cpTitle.png
--- a/view/molistar/activity/ramadan/images/giftsBox.png
+++ b/view/molistar/activity/ramadan/images/giftsBox.png
--- a/view/molistar/activity/ramadan/images/gold.png
+++ b/view/molistar/activity/ramadan/images/gold.png
--- a/view/molistar/activity/ramadan/images/hangInTheAir.png
+++ b/view/molistar/activity/ramadan/images/hangInTheAir.png
--- a/view/molistar/activity/ramadan/images/header-ar.png
+++ b/view/molistar/activity/ramadan/images/header-ar.png
--- a/view/molistar/activity/ramadan/images/header-tr.png
+++ b/view/molistar/activity/ramadan/images/header-tr.png
--- a/view/molistar/activity/ramadan/images/header.png
+++ b/view/molistar/activity/ramadan/images/header.png
--- a/view/molistar/activity/ramadan/images/incorrect.png
+++ b/view/molistar/activity/ramadan/images/incorrect.png
--- a/view/molistar/activity/ramadan/images/lanternDate.png
+++ b/view/molistar/activity/ramadan/images/lanternDate.png
--- a/view/molistar/activity/ramadan/images/liBg.png
+++ b/view/molistar/activity/ramadan/images/liBg.png
--- a/view/molistar/activity/ramadan/images/logo.png
+++ b/view/molistar/activity/ramadan/images/logo.png
--- a/view/molistar/activity/ramadan/images/luckyTitle.png
+++ b/view/molistar/activity/ramadan/images/luckyTitle.png
--- a/view/molistar/activity/ramadan/images/medal.png
+++ b/view/molistar/activity/ramadan/images/medal.png
--- a/view/molistar/activity/ramadan/images/myBg.png
+++ b/view/molistar/activity/ramadan/images/myBg.png
--- a/view/molistar/activity/ramadan/images/no1.png
+++ b/view/molistar/activity/ramadan/images/no1.png
--- a/view/molistar/activity/ramadan/images/no2.png
+++ b/view/molistar/activity/ramadan/images/no2.png
--- a/view/molistar/activity/ramadan/images/no3.png
+++ b/view/molistar/activity/ramadan/images/no3.png
--- a/view/molistar/activity/ramadan/images/normalTitle.png
+++ b/view/molistar/activity/ramadan/images/normalTitle.png
--- a/view/molistar/activity/ramadan/images/notOk.png
+++ b/view/molistar/activity/ramadan/images/notOk.png
--- a/view/molistar/activity/ramadan/images/ok.png
+++ b/view/molistar/activity/ramadan/images/ok.png
--- a/view/molistar/activity/ramadan/images/page-_giftNum.png
+++ b/view/molistar/activity/ramadan/images/page-_giftNum.png
--- a/view/molistar/activity/ramadan/images/page1B.png
+++ b/view/molistar/activity/ramadan/images/page1B.png
--- a/view/molistar/activity/ramadan/images/page1C.png
+++ b/view/molistar/activity/ramadan/images/page1C.png
--- a/view/molistar/activity/ramadan/images/page1PubBut.png
+++ b/view/molistar/activity/ramadan/images/page1PubBut.png
--- a/view/molistar/activity/ramadan/images/page1T.png
+++ b/view/molistar/activity/ramadan/images/page1T.png
--- a/view/molistar/activity/ramadan/images/page1_2_rewars.png
+++ b/view/molistar/activity/ramadan/images/page1_2_rewars.png
--- a/view/molistar/activity/ramadan/images/page1_2_rewarsDOme.png
+++ b/view/molistar/activity/ramadan/images/page1_2_rewarsDOme.png
--- a/view/molistar/activity/ramadan/images/page1_giftBg.png
+++ b/view/molistar/activity/ramadan/images/page1_giftBg.png
--- a/view/molistar/activity/ramadan/images/page1_null.png
+++ b/view/molistar/activity/ramadan/images/page1_null.png
--- a/view/molistar/activity/ramadan/images/page1_pubBg.png
+++ b/view/molistar/activity/ramadan/images/page1_pubBg.png
--- a/view/molistar/activity/ramadan/images/page1_titlebg.png
+++ b/view/molistar/activity/ramadan/images/page1_titlebg.png
--- a/view/molistar/activity/ramadan/images/page2GetBut.png
+++ b/view/molistar/activity/ramadan/images/page2GetBut.png
--- a/view/molistar/activity/ramadan/images/page2GetButOut.png
+++ b/view/molistar/activity/ramadan/images/page2GetButOut.png
--- a/view/molistar/activity/ramadan/images/page2Title.png
+++ b/view/molistar/activity/ramadan/images/page2Title.png
--- a/view/molistar/activity/ramadan/images/page2_dmBg.png
+++ b/view/molistar/activity/ramadan/images/page2_dmBg.png
--- a/view/molistar/activity/ramadan/images/page2_pubBut.png
+++ b/view/molistar/activity/ramadan/images/page2_pubBut.png
--- a/view/molistar/activity/ramadan/images/page2_sTitle.png
+++ b/view/molistar/activity/ramadan/images/page2_sTitle.png
--- a/view/molistar/activity/ramadan/images/page3Bg1.png
+++ b/view/molistar/activity/ramadan/images/page3Bg1.png
--- a/view/molistar/activity/ramadan/images/page3Bg2.png
+++ b/view/molistar/activity/ramadan/images/page3Bg2.png
--- a/view/molistar/activity/ramadan/images/page3GiftBg.png
+++ b/view/molistar/activity/ramadan/images/page3GiftBg.png
--- a/view/molistar/activity/ramadan/images/page3Rewards.png
+++ b/view/molistar/activity/ramadan/images/page3Rewards.png
--- a/view/molistar/activity/ramadan/images/pointer.png
+++ b/view/molistar/activity/ramadan/images/pointer.png
--- a/view/molistar/activity/ramadan/images/pointerBut.png
+++ b/view/molistar/activity/ramadan/images/pointerBut.png
--- a/view/molistar/activity/ramadan/images/questionbg.png
+++ b/view/molistar/activity/ramadan/images/questionbg.png
--- a/view/molistar/activity/ramadan/images/rewardsPage3.png
+++ b/view/molistar/activity/ramadan/images/rewardsPage3.png
--- a/view/molistar/activity/ramadan/images/send.png
+++ b/view/molistar/activity/ramadan/images/send.png
--- a/view/molistar/activity/ramadan/images/sxx.png
+++ b/view/molistar/activity/ramadan/images/sxx.png
--- a/view/molistar/activity/ramadan/images/tab.png
+++ b/view/molistar/activity/ramadan/images/tab.png
--- a/view/molistar/activity/ramadan/images/tabAct.png
+++ b/view/molistar/activity/ramadan/images/tabAct.png
--- a/view/molistar/activity/ramadan/images/taskBg.png
+++ b/view/molistar/activity/ramadan/images/taskBg.png
--- a/view/molistar/activity/ramadan/images/time.png
+++ b/view/molistar/activity/ramadan/images/time.png
--- a/view/molistar/activity/ramadan/images/timeBox.png
+++ b/view/molistar/activity/ramadan/images/timeBox.png
--- a/view/molistar/activity/ramadan/images/travel/back.png
+++ b/view/molistar/activity/ramadan/images/travel/back.png
--- a/view/molistar/activity/ramadan/images/travel/backB.png
+++ b/view/molistar/activity/ramadan/images/travel/backB.png
--- a/view/molistar/activity/ramadan/images/turntableBg.png
+++ b/view/molistar/activity/ramadan/images/turntableBg.png
--- a/view/molistar/activity/ramadan/images/turntable_in.png
+++ b/view/molistar/activity/ramadan/images/turntable_in.png
--- a/view/molistar/activity/ramadan/images/winningRecord.png
+++ b/view/molistar/activity/ramadan/images/winningRecord.png
--- a/view/molistar/activity/ramadan/images/xx.png
+++ b/view/molistar/activity/ramadan/images/xx.png
--- a/view/molistar/activity/ramadan/index.html
+++ b/view/molistar/activity/ramadan/index.html
@@ -0,0 +1,519 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Ramadan Festival</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back.png" alt="">
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        <!-- 活动时间 -->
+        <div class="time">Event time: March 1st - April 7th</div>
+
+        <!-- 弹幕 -->
+        <div class="danmu">
+            <div id="my_container">
+                <!-- <div class="my_container_in">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <span>我是文案问啊案问啊案问啊案问啊案</span>
+                </div> -->
+            </div>
+        </div>
+
+        <!-- tab切换 -->
+        <div class="tab">
+            <div class="act"><span>Ramadan <br> Questions</span></div>
+            <div class="tab2"><span>Roulette</span></div>
+            <div class=""><span>Today's <br>Coins Pool</span></div>
+        </div>
+    </div>
+    <!-- 页面1 -->
+    <div class="page1">
+        <!-- 灯笼 -->
+        <div class="lanternBox">
+            <!-- hangInTheAir-未完成   completed-已完成  beCompleted-待完成  singular-单数位置下移 -->
+            <!-- <div class="hangInTheAir singular">
+                <div class="lanternDate">3/1</div>
+                <img src="./images/ok.png" alt="" class="ok">
+                <img src="./images/notOk.png" alt="" class="notOk">
+            </div>
+            <div class="completed">
+                <div class="lanternDate">3/1</div>
+                <img src="./images/ok.png" alt="" class="ok">
+                <img src="./images/notOk.png" alt="" class="notOk">
+            </div>
+            <div class="beCompleted">
+                <div class="lanternDate">3/1</div>
+                <img src="./images/ok.png" alt="" class="ok">
+                <img src="./images/notOk.png" alt="" class="notOk">
+            </div>
+            <div class="special">
+                <div class="lanternDate">3/1</div>
+                <img src="./images/ok.png" alt="" class="ok">
+                <img src="./images/notOk.png" alt="" class="notOk">
+                <div class="gift">
+                    <img src="./images/logo.png" alt="">
+                </div>
+            </div> -->
+        </div>
+        <!-- 答题 -->
+        <div class="t"></div>
+        <div class="c">
+            <!-- 切换 -->
+            <div class="page1_tabBox">
+                <div class="act">Today's Questions</div>
+                <div>My Question Sheet</div>
+            </div>
+            <div class="page1_1">
+                <!-- 勋章奖励介绍 -->
+                <div class="medal">
+                    <img src="./images/medal.png" alt="">
+                    <div class="texts">Continuous answers will earn you a permanent Ramadan Medal</div>
+                    <div class="line">
+                        <div class="line_in"></div>
+                        <span>0/38</span>
+                    </div>
+                </div>
+                <!-- 问题列表 -->
+                <div class="question">
+                    <div class="questionText"></div>
+                    <div class="questionLists a A" option="A">
+                        <span></span>
+                        <img src="./images/incorrect.png" alt="">
+                    </div>
+                    <div class="questionLists b B" option="B">
+                        <span></span>
+                        <img src="./images/incorrect.png" alt="">
+                    </div>
+                    <div class="questionLists c C" option="C">
+                        <span></span>
+                        <img src="./images/incorrect.png" alt="">
+                    </div>
+
+                    <!-- 已答题次数 -->
+                    <div class="answersNum">Number of correct answers: <b>0</b></div>
+                </div>
+                <!-- 问题说明 -->
+                <div class="questions">Questions: Log in every day to answer questions, and you can get a permanent
+                    Ramadan
+                    Medal by answering
+                    questions continuously. You will also have a chance to get a special gift during the process.</div>
+            </div>
+            <div class="page1_2">
+                <div class="answering">Get it by answering correctly on March 3rd/7th/15th/30th</div>
+                <div class="rewars">
+                    <div class="rewars1">
+                        <span>3/3</span>
+                        <img src="./images/page1_2_rewars.png" alt="">
+                        <div class="doneBut">Done</div>
+                    </div>
+                    <div class="rewars2">
+                        <span>3/7</span>
+                        <img src="./images/page1_2_rewars.png" alt="">
+                        <div class="doneBut">Done</div>
+                    </div>
+                    <div class="rewars3">
+                        <span>3/15</span>
+                        <img src="./images/page1_2_rewars.png" alt="">
+                        <div class="doneBut">Done</div>
+                    </div>
+                    <div class="rewars4">
+                        <span>3/30</span>
+                        <img src="./images/page1_2_rewars.png" alt="">
+                        <div class="doneBut">Done</div>
+                    </div>
+                </div>
+                <div class="answers">Continuous answers will earn a Ramadan Medal</div>
+                <div class="calendar">
+                    <div class="calendar_in">
+                        <!-- <div class="act">
+                            <span>1/31</span>
+                            <img src="./images/corrects.png" alt="">
+                        </div>
+                        <div>
+                            <span>1/31</span>
+                            <img src="./images/corrects.png" alt="">
+                        </div> -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="b"></div>
+
+        <!-- 答题失败弹窗 -->
+        <div class="unfortunately">
+            <div class="unfortunately_in">
+                <div class="title">Unfortunately</div>
+                <img src="./images/close.png" alt="" class="close">
+                <div class="texts">Unfortunately, you didn't answer the question correctly and can't get the reward!
+                    Keep going!</div>
+                <img src="./images/page1_null.png" alt="" class="null">
+                <div class="but">OK</div>
+            </div>
+        </div>
+        <!-- 答题成功弹窗 -->
+        <div class="congratulations">
+            <div class="congratulations_in">
+                <div class="title">Congratulations</div>
+                <img src="./images/close.png" alt="" class="close">
+                <div class="texts">Congratulations on receiving:</div>
+                <div class="gift">
+                    <img src="./images/logo.png" alt="" class="gift_in">
+                    <div class="num">7 Days</div>
+                    <div class="giftName">礼物昵称</div>
+                </div>
+                <div class="but">OK</div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 页面2 -->
+    <div class="page2">
+        <!-- 发送弹幕 -->
+        <div class="ramadanBlessings">
+            <div class="title">Ramadan Blessings</div>
+            <input type="text" placeholder="Happy Ramadan">
+            <div class="send">Send</div>
+            <p>Each time you send a blessing, it will consume 77 diamonds</p>
+        </div>
+        <!-- 任务 -->
+        <div class="task">
+            <div class="t">
+                <div class="title">Daily Task</div>
+                <p class="resets">Resets at 0:00 every day</p>
+            </div>
+            <div class="c">
+                <div class="myStar">
+                    <img src="./images/xx.png" alt="">
+                    <b>0</b>
+                </div>
+                <div class="taskList">
+                    <img src="./images/xx.png" alt="" class="star">
+                    <b>X1</b>
+                    <p class="p">Daily Questions(<strong>0/1</strong>)</p>
+                    <div class="but get">Get</div>
+                    <div class="but notGet">Get</div>
+                    <div class="but done">Done</div>
+                </div>
+                <div class="taskList">
+                    <img src="./images/xx.png" alt="" class="star">
+                    <b>X4</b>
+                    <p class="">Send Ramadan Blessings(<strong>0/3</strong>)</p>
+                    <div class="but get">Get</div>
+                    <div class="but notGet">Get</div>
+                    <div class="but done">Done</div>
+                </div>
+                <div class="taskList">
+                    <img src="./images/xx.png" alt="" class="star">
+                    <b>X2</b>
+                    <p class="">Follow different users(<strong>0/3</strong>)</p>
+                    <div class="but get">Get</div>
+                    <div class="but notGet">Get</div>
+                    <div class="but done">Done</div>
+                </div>
+                <div class="taskList">
+                    <img src="./images/xx.png" alt="" class="star">
+                    <b>X2</b>
+                    <p class="">Play games in the room(<strong>0/3</strong>)</p>
+                    <div class="but get">Get</div>
+                    <div class="but notGet">Get</div>
+                    <div class="but done">Done</div>
+                </div>
+                <div class="taskList">
+                    <img src="./images/xx.png" alt="" class="star">
+                    <b>X2</b>
+                    <p class="">On mic for 30 minutes(<strong>0/30</strong>)mins</p>
+                    <div class="but get">Get</div>
+                    <div class="but notGet">Get</div>
+                    <div class="but done">Done</div>
+                </div>
+                <div class="taskList">
+                    <img src="./images/xx.png" alt="" class="star">
+                    <b>X2</b>
+                    <p class="">Stay in your room for 30 minutes(<strong>0/30</strong>)mins</p>
+                    <div class="but get">Get</div>
+                    <div class="but notGet">Get</div>
+                    <div class="but done">Done</div>
+                </div>
+                <div class="taskList" style="margin-bottom: 0;">
+                    <img src="./images/xx.png" alt="" class="star">
+                    <b>X10</b>
+                    <p class="">Recharge 7,000 coins(<strong>0/7000</strong>)</p>
+                    <div class="but get">Get</div>
+                    <div class="but notGet">Get</div>
+                    <div class="but done">Done</div>
+                </div>
+            </div>
+            <div class="b"></div>
+        </div>
+        <!-- 转盘 -->
+        <div class="turntable">
+            <div class="t">
+                <div class="title">Roulette</div>
+            </div>
+            <div class="c">
+                <!-- 我得星星数量 -->
+                <div class="myStar">
+                    <img src="./images/xx.png" alt="">
+                    <b>0</b>
+                </div>
+                <!-- 转盘 -->
+                <div class="turntableBox">
+                    <div class="turntable_in">
+                        <img src="./images/turntable_in.png" alt="" class="">
+                    </div>
+                    <img src="./images/pointer.png" alt="" class="pointer">
+                </div>
+                <!-- 按钮 -->
+                <div class="pointerBut">Spin 1 time</div>
+                <div class="use">
+                    <strong>Use</strong>
+                    <img src="./images/sxx.png" alt="">
+                    <b>X10</b>
+                </div>
+                <!-- 记录 -->
+                <div class="winningRecord">Winning record</div>
+                <ul class="record_list">
+                    <li>
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <div class="user">
+                            <p>i won 【头饰昵称*1】</p>
+                            <span>2025-2-19</span>
+                        </div>
+                    </li>
+                    <li>
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <div class="user">
+                            <p>i won 【头饰昵称*1】</p>
+                            <span>2025-2-19</span>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+            <div class="b"></div>
+        </div>
+        <!-- 确认发送弹幕弹窗 -->
+        <div class="tip">
+            <div class="tip_in">
+                <div class="title">Tip</div>
+                <p>It costs 77 diamonds to send a Ramadan Blessing. Are you sure you want to send it?</p>
+                <div class="close">Cancel</div>
+                <div class="ok">Confirm</div>
+            </div>
+        </div>
+        <!-- 转盘未获奖弹窗 -->
+        <div class="unfortunately">
+            <div class="unfortunately_in">
+                <div class="title">Sorry</div>
+                <img src="./images/close.png" alt="" class="close">
+                <div class="texts">You did not win any prizes in this roulette. Try again!</div>
+                <img src="./images/page1_null.png" alt="" class="null">
+                <div class="but">OK</div>
+            </div>
+        </div>
+        <!-- 转盘赢取弹窗 -->
+        <div class="congratulations">
+            <div class="congratulations_in">
+                <div class="title">Congratulations</div>
+                <img src="./images/close.png" alt="" class="close">
+                <div class="texts">Congratulations on winning the following in the roulette:</div>
+                <div class="gift">
+                    <img src="./images/logo.png" alt="" class="gift_in">
+                    <div class="num">7 Days</div>
+                    <div class="giftName">礼物昵称</div>
+                </div>
+                <div class="but">OK</div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 页面3 -->
+    <div class="page3">
+        <div class="todayCoinsPool">
+            <div class="title">Today's Coins Pool</div>
+            <div class="num"><b>0</b><img src="./images/gold.png" alt=""></div>
+            <p>The top 10 users on the ranking can share the Coins Pool</p>
+        </div>
+        <div class="ramadanGifts">
+            <div class="t">
+                <div class="title">Ramadan Gifts</div>
+            </div>
+            <div class="c">
+                <p>Send the Ramadan Gifts. At the end of the day, the TOP10 users on the ranking can share the Coins
+                    Pool. The more you invest, the more you get.</p>
+                <div class="gifyBigBox">
+                    <div class="gift">
+                        <div class="giftBox">
+                            <div class="sTitle cp">CP</div>
+                            <img src="./images/logo.png" alt="" class="">
+                            <span>Name</span>
+                        </div>
+                        <div class="giftBox ">
+                            <div class="sTitle normal">Normal</div>
+                            <img src="./images/logo.png" alt="" class="">
+                            <span>Name</span>
+                        </div>
+                        <div class="giftBox ">
+                            <div class="sTitle lucky">Lucky</div>
+                            <img src="./images/logo.png" alt="" class="">
+                            <span>Name</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="b"></div>
+        </div>
+        <div class="list">
+            <div class="t">
+            </div>
+            <div class="c">
+                <div class="page3_in1">
+                    <div class="page3TabBox">
+                        <div class="act">Yesterday's <br> Share</div>
+                        <div class="">Today's <br> Ranking</div>
+                        <div class="">Total <br> Ranking</div>
+                    </div>
+                    <div class="timeOutBox">
+                        <div class="days">
+                            <b>00</b>
+                            <span>Days</span>
+                        </div>
+                        <div class="hours">
+                            <b>00</b>
+                            <span>Hours</span>
+                        </div>
+                        <div class="mins">
+                            <b>00</b>
+                            <span>Mins</span>
+                        </div>
+                        <div class="secs">
+                            <b>00</b>
+                            <span>Secs</span>
+                        </div>
+                    </div>
+                    <div class="yesterdayCoinsPool">
+                        <div class="title">Yesterday's Coins Pool</div>
+                        <div class="num"><b>0</b><img src="./images/gold.png" alt=""></div>
+                    </div>
+                    <!-- 前三名 -->
+                    <div class="no1">
+                        <img src="./images/no1.png" alt="" class="ts">
+                        <img src="./images/logo.png" alt="" class="tx">
+                        <div class="name">
+                            <b>名字</b>
+                            <img src="" alt="">
+                        </div>
+                        <div class="id">ID:0000</div>
+                        <div class="score">
+                            <img src="./images/giftsBox.png" alt="">
+                            <b>0k</b>
+                        </div>
+                        <div class="rewards">Rewards</div>
+                    </div>
+                    <div class="no23">
+                        <div class="no2">
+                            <img src="./images/no2.png" alt="" class="ts">
+                            <img src="./images/logo.png" alt="" class="tx">
+                            <div class="name">
+                                <b>名字</b>
+                                <img src="" alt="">
+                            </div>
+                            <div class="id">ID:0000</div>
+                            <div class="score">
+                                <img src="./images/giftsBox.png" alt="">
+                                <b>0k</b>
+                            </div>
+                        </div>
+                        <div class="no3">
+                            <img src="./images/no3.png" alt="" class="ts">
+                            <img src="./images/logo.png" alt="" class="tx">
+                            <div class="name">
+                                <b>名字</b>
+                                <img src="" alt="">
+                            </div>
+                            <div class="id">ID:0000</div>
+                            <div class="score">
+                                <img src="./images/giftsBox.png" alt="">
+                                <b>0k</b>
+                            </div>
+                        </div>
+                    </div>
+
+                    <ul>
+                        <li>
+                            <div class="num">04</div>
+                            <img src="./images/logo.png" alt="" class="tx">
+                            <div class="user">
+                                <p>
+                                    <b>名字</b>
+                                    <img src="" alt="">
+                                </p>
+                                <span>ID:0</span>
+                            </div>
+                            <div class="score">
+                                <img src="./images/giftsBox.png" alt="">
+                                0k
+                            </div>
+                        </li>
+                    </ul>
+
+                </div>
+            </div>
+            <div class="b"></div>
+        </div>
+        <!-- 处理自己 -->
+        <div class="my">
+            <div class="num">04</div>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="user">
+                <p>
+                    <b>名字</b>
+                    <img src="" alt="">
+                </p>
+                <span>ID:0</span>
+            </div>
+            <div class="score">
+                <img src="./images/giftsBox.png" alt="">
+                0k
+            </div>
+        </div>
+        <!-- 奖励弹窗 -->
+        <div class="rewardsPub">
+            <div class="rewardsPub_in">
+                <div class="title">Rewards</div>
+                <img src="./images/close.png" alt="" class="close">
+                <div class="box">
+                    <img src="./images/rewardsPage3.png" alt="">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 免责声明 -->
+    <div class="disclaimer">Event has nothing to do with Apple./Event has nothing to do with Google.</div>
+</body>
+
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
+<script src="./js/danmaku.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/activity/ramadan/js/danmaku.js
+++ b/view/molistar/activity/ramadan/js/danmaku.js
@@ -0,0 +1,564 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Danmaku = factory());
+}(this, (function () { 'use strict';
+
+  var transform = (function() {
+    /* istanbul ignore next */
+    if (typeof document === 'undefined') return 'transform';
+    var properties = [
+      'oTransform', // Opera 11.5
+      'msTransform', // IE 9
+      'mozTransform',
+      'webkitTransform',
+      'transform'
+    ];
+    var style = document.createElement('div').style;
+    for (var i = 0; i < properties.length; i++) {
+      /* istanbul ignore else */
+      if (properties[i] in style) {
+        return properties[i];
+      }
+    }
+    /* istanbul ignore next */
+    return 'transform';
+  }());
+
+  function createCommentNode(cmt) {
+    var node = document.createElement('div');
+    node.style.cssText = 'position:absolute;';
+    if (typeof cmt.render === 'function') {
+      var $el = cmt.render();
+      if ($el instanceof HTMLElement) {
+        node.appendChild($el);
+        return node;
+      }
+    }
+    node.textContent = cmt.text;
+    if (cmt.style) {
+      for (var key in cmt.style) {
+        node.style[key] = cmt.style[key];
+      }
+    }
+    return node;
+  }
+
+  function init() {
+    var stage = document.createElement('div');
+    stage.style.cssText = 'overflow:hidden;white-space:nowrap;transform:translateZ(0);';
+    return stage;
+  }
+
+  function clear(stage) {
+    var lc = stage.lastChild;
+    while (lc) {
+      stage.removeChild(lc);
+      lc = stage.lastChild;
+    }
+  }
+
+  function resize(stage, width, height) {
+    stage.style.width = '100%';
+    stage.style.height = '100%';
+  }
+
+  function framing() {
+    //
+  }
+
+  function setup(stage, comments) {
+    var df = document.createDocumentFragment();
+    var i = 0;
+    var cmt = null;
+    for (i = 0; i < comments.length; i++) {
+      cmt = comments[i];
+      cmt.node = cmt.node || createCommentNode(cmt);
+      df.appendChild(cmt.node);
+    }
+    if (comments.length) {
+      stage.appendChild(df);
+    }
+    for (i = 0; i < comments.length; i++) {
+      cmt = comments[i];
+      cmt.width = cmt.width || cmt.node.offsetWidth;
+      cmt.height = cmt.height || cmt.node.offsetHeight;
+    }
+  }
+
+  function render(stage, cmt) {
+    cmt.node.style[transform] = 'translate(' + cmt.x + 'px,' + cmt.y + 'px)';
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function remove(stage, cmt) {
+    stage.removeChild(cmt.node);
+    /* istanbul ignore else */
+    if (!this.media) {
+      cmt.node = null;
+    }
+  }
+
+  var domEngine = {
+    name: 'dom',
+    init: init,
+    clear: clear,
+    resize: resize,
+    framing: framing,
+    setup: setup,
+    render: render,
+    remove: remove,
+  };
+
+  var raf =
+    (
+      typeof window !== 'undefined' &&
+      (
+        window.requestAnimationFrame ||
+        window.mozRequestAnimationFrame ||
+        window.webkitRequestAnimationFrame
+      )
+    ) ||
+    function(cb) {
+      return setTimeout(cb, 50 / 3);
+    };
+
+  var caf =
+    (
+      typeof window !== 'undefined' &&
+      (
+        window.cancelAnimationFrame ||
+        window.mozCancelAnimationFrame ||
+        window.webkitCancelAnimationFrame
+      )
+    ) ||
+    clearTimeout;
+
+  function binsearch(arr, prop, key) {
+    var mid = 0;
+    var left = 0;
+    var right = arr.length;
+    while (left < right - 1) {
+      mid = (left + right) >> 1;
+      if (key >= arr[mid][prop]) {
+        left = mid;
+      } else {
+        right = mid;
+      }
+    }
+    if (arr[left] && key < arr[left][prop]) {
+      return left;
+    }
+    return right;
+  }
+
+
+  function formatMode(mode) {
+    if (!/^(ltr|top|bottom)$/i.test(mode)) {
+      return 'rtl';
+    }
+    return mode.toLowerCase();
+  }
+
+  function collidableRange() {
+    var max = 9007199254740991;
+    return [
+      { range: 0, time: -max, width: max, height: 0 },
+      { range: max, time: max, width: 0, height: 0 }
+    ];
+  }
+
+  function resetSpace(space) {
+    space.ltr = collidableRange();
+    space.rtl = collidableRange();
+    space.top = collidableRange();
+    space.bottom = collidableRange();
+  }
+
+  function now() {
+    return typeof window.performance !== 'undefined' && window.performance.now
+      ? window.performance.now()
+      : Date.now();
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function allocate(cmt) {
+    var that = this;
+    var ct = this.media ? this.media.currentTime : now() / 1000;
+    var pbr = this.media ? this.media.playbackRate : 1;
+    function willCollide(cr, cmt) {
+      if (cmt.mode === 'top' || cmt.mode === 'bottom') {
+        return ct - cr.time < that._.duration;
+      }
+      var crTotalWidth = that._.width + cr.width;
+      var crElapsed = crTotalWidth * (ct - cr.time) * pbr / that._.duration;
+      if (cr.width > crElapsed) {
+        return true;
+      }
+      // (rtl mode) the right end of `cr` move out of left side of stage
+      var crLeftTime = that._.duration + cr.time - ct;
+      var cmtTotalWidth = that._.width + cmt.width;
+      var cmtTime = that.media ? cmt.time : cmt._utc;
+      var cmtElapsed = cmtTotalWidth * (ct - cmtTime) * pbr / that._.duration;
+      var cmtArrival = that._.width - cmtElapsed;
+      // (rtl mode) the left end of `cmt` reach the left side of stage
+      var cmtArrivalTime = that._.duration * cmtArrival / (that._.width + cmt.width);
+      return crLeftTime > cmtArrivalTime;
+    }
+    var crs = this._.space[cmt.mode];
+    var last = 0;
+    var curr = 0;
+    for (var i = 1; i < crs.length; i++) {
+      var cr = crs[i];
+      var requiredRange = cmt.height;
+      if (cmt.mode === 'top' || cmt.mode === 'bottom') {
+        requiredRange += cr.height;
+      }
+      if (cr.range - cr.height - crs[last].range >= requiredRange) {
+        curr = i;
+        break;
+      }
+      if (willCollide(cr, cmt)) {
+        last = i;
+      }
+    }
+    var channel = crs[last].range;
+    var crObj = {
+      range: channel + cmt.height,
+      time: this.media ? cmt.time : cmt._utc,
+      width: cmt.width,
+      height: cmt.height
+    };
+    crs.splice(last + 1, curr - last - 1, crObj);
+
+    if (cmt.mode === 'bottom') {
+      return this._.height - cmt.height - channel % this._.height;
+    }
+    return channel % (this._.height - cmt.height);
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function createEngine(framing, setup, render, remove) {
+    return function(_timestamp) {
+      framing(this._.stage);
+      var timestamp = _timestamp || now();
+      var dn = timestamp / 1000;
+      var ct = this.media ? this.media.currentTime : dn;
+      var pbr = this.media ? this.media.playbackRate : 1;
+      var cmt = null;
+      var cmtt = 0;
+      var i = 0;
+      for (i = this._.runningList.length - 1; i >= 0; i--) {
+        cmt = this._.runningList[i];
+        cmtt = this.media ? cmt.time : cmt._utc;
+        if (ct - cmtt > this._.duration) {
+          remove(this._.stage, cmt);
+          this._.runningList.splice(i, 1);
+        }
+      }
+      var pendingList = [];
+      while (this._.position < this.comments.length) {
+        cmt = this.comments[this._.position];
+        cmtt = this.media ? cmt.time : cmt._utc;
+        if (cmtt >= ct) {
+          break;
+        }
+        // when clicking controls to seek, media.currentTime may changed before
+        // `pause` event is fired, so here skips comments out of duration,
+        // see https://github.com/weizhenye/Danmaku/pull/30 for details.
+        if (ct - cmtt > this._.duration) {
+          ++this._.position;
+          continue;
+        }
+        if (this.media) {
+          cmt._utc = dn - (this.media.currentTime - cmt.time);
+        }
+        pendingList.push(cmt);
+        ++this._.position;
+      }
+      setup(this._.stage, pendingList);
+      for (i = 0; i < pendingList.length; i++) {
+        cmt = pendingList[i];
+        cmt.y = allocate.call(this, cmt);
+        this._.runningList.push(cmt);
+      }
+      for (i = 0; i < this._.runningList.length; i++) {
+        cmt = this._.runningList[i];
+        var totalWidth = this._.width + cmt.width;
+        var elapsed = totalWidth * (dn - cmt._utc) * pbr / this._.duration;
+        if (cmt.mode === 'ltr') cmt.x = elapsed - cmt.width;
+        if (cmt.mode === 'rtl') cmt.x = this._.width - elapsed;
+        if (cmt.mode === 'top' || cmt.mode === 'bottom') {
+          cmt.x = (this._.width - cmt.width) >> 1;
+        }
+        render(this._.stage, cmt);
+      }
+    };
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function play() {
+    if (!this._.visible || !this._.paused) {
+      return this;
+    }
+    this._.paused = false;
+    if (this.media) {
+      for (var i = 0; i < this._.runningList.length; i++) {
+        var cmt = this._.runningList[i];
+        cmt._utc = now() / 1000 - (this.media.currentTime - cmt.time);
+      }
+    }
+    var that = this;
+    var engine = createEngine(
+      this._.engine.framing.bind(this),
+      this._.engine.setup.bind(this),
+      this._.engine.render.bind(this),
+      this._.engine.remove.bind(this)
+    );
+    function frame(timestamp) {
+      engine.call(that, timestamp);
+      that._.requestID = raf(frame);
+    }
+    this._.requestID = raf(frame);
+    return this;
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function pause() {
+    if (!this._.visible || this._.paused) {
+      return this;
+    }
+    this._.paused = true;
+    caf(this._.requestID);
+    this._.requestID = 0;
+    return this;
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function seek() {
+    if (!this.media) {
+      return this;
+    }
+    this.clear();
+    resetSpace(this._.space);
+    var position = binsearch(this.comments, 'time', this.media.currentTime);
+    this._.position = Math.max(0, position - 1);
+    return this;
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function bindEvents(_) {
+    _.play = play.bind(this);
+    _.pause = pause.bind(this);
+    _.seeking = seek.bind(this);
+    this.media.addEventListener('play', _.play);
+    this.media.addEventListener('pause', _.pause);
+    this.media.addEventListener('playing', _.play);
+    this.media.addEventListener('waiting', _.pause);
+    this.media.addEventListener('seeking', _.seeking);
+  }
+
+  /* eslint no-invalid-this: 0 */
+  function unbindEvents(_) {
+    this.media.removeEventListener('play', _.play);
+    this.media.removeEventListener('pause', _.pause);
+    this.media.removeEventListener('playing', _.play);
+    this.media.removeEventListener('waiting', _.pause);
+    this.media.removeEventListener('seeking', _.seeking);
+    _.play = null;
+    _.pause = null;
+    _.seeking = null;
+  }
+
+  /* eslint-disable no-invalid-this */
+  function init$1(opt) {
+    this._ = {};
+    this.container = opt.container || document.createElement('div');
+    this.media = opt.media;
+    this._.visible = true;
+
+    /* eslint-disable no-undef */
+    /* istanbul ignore next */
+    {
+      this.engine = 'dom';
+      this._.engine = domEngine;
+    }
+    /* eslint-enable no-undef */
+    this._.requestID = 0;
+
+    this._.speed = Math.max(0, opt.speed) || 144;
+    this._.duration = 4;
+
+    this.comments = opt.comments || [];
+    this.comments.sort(function(a, b) {
+      return a.time - b.time;
+    });
+    for (var i = 0; i < this.comments.length; i++) {
+      this.comments[i].mode = formatMode(this.comments[i].mode);
+    }
+    this._.runningList = [];
+    this._.position = 0;
+
+    this._.paused = true;
+    if (this.media) {
+      this._.listener = {};
+      bindEvents.call(this, this._.listener);
+    }
+
+    this._.stage = this._.engine.init(this.container);
+    this._.stage.style.cssText += 'position:relative;pointer-events:none;';
+
+    this.resize();
+    this.container.appendChild(this._.stage);
+
+    this._.space = {};
+    resetSpace(this._.space);
+
+    if (!this.media || !this.media.paused) {
+      seek.call(this);
+      play.call(this);
+    }
+    return this;
+  }
+
+  /* eslint-disable no-invalid-this */
+  function destroy() {
+    if (!this.container) {
+      return this;
+    }
+
+    pause.call(this);
+    this.clear();
+    this.container.removeChild(this._.stage);
+    if (this.media) {
+      unbindEvents.call(this, this._.listener);
+    }
+    for (var key in this) {
+      /* istanbul ignore else  */
+      if (Object.prototype.hasOwnProperty.call(this, key)) {
+        this[key] = null;
+      }
+    }
+    return this;
+  }
+
+  var properties = ['mode', 'time', 'text', 'render', 'style'];
+
+  /* eslint-disable no-invalid-this */
+  function emit(obj) {
+    if (!obj || Object.prototype.toString.call(obj) !== '[object Object]') {
+      return this;
+    }
+    var cmt = {};
+    for (var i = 0; i < properties.length; i++) {
+      if (obj[properties[i]] !== undefined) {
+        cmt[properties[i]] = obj[properties[i]];
+      }
+    }
+    cmt.text = (cmt.text || '').toString();
+    cmt.mode = formatMode(cmt.mode);
+    cmt._utc = now() / 1000;
+    if (this.media) {
+      var position = 0;
+      if (cmt.time === undefined) {
+        cmt.time = this.media.currentTime;
+        position = this._.position;
+      } else {
+        position = binsearch(this.comments, 'time', cmt.time);
+        if (position < this._.position) {
+          this._.position += 1;
+        }
+      }
+      this.comments.splice(position, 0, cmt);
+    } else {
+      this.comments.push(cmt);
+    }
+    return this;
+  }
+
+  /* eslint-disable no-invalid-this */
+  function show() {
+    if (this._.visible) {
+      return this;
+    }
+    this._.visible = true;
+    if (this.media && this.media.paused) {
+      return this;
+    }
+    seek.call(this);
+    play.call(this);
+    return this;
+  }
+
+  /* eslint-disable no-invalid-this */
+  function hide() {
+    if (!this._.visible) {
+      return this;
+    }
+    pause.call(this);
+    this.clear();
+    this._.visible = false;
+    return this;
+  }
+
+  /* eslint-disable no-invalid-this */
+  function clear$1() {
+    this._.engine.clear(this._.stage, this._.runningList);
+    this._.runningList = [];
+    return this;
+  }
+
+  /* eslint-disable no-invalid-this */
+  function resize$1() {
+    this._.width = this.container.offsetWidth;
+    this._.height = this.container.offsetHeight;
+    this._.engine.resize(this._.stage, this._.width, this._.height);
+    this._.duration = this._.width / this._.speed;
+    return this;
+  }
+
+  var speed = {
+    get: function() {
+      return this._.speed;
+    },
+    set: function(s) {
+      if (typeof s !== 'number' ||
+        isNaN(s) ||
+        !isFinite(s) ||
+        s <= 0) {
+        return this._.speed;
+      }
+      this._.speed = s;
+      if (this._.width) {
+        this._.duration = this._.width / s;
+      }
+      return s;
+    }
+  };
+
+  function Danmaku(opt) {
+    opt && init$1.call(this, opt);
+  }
+  Danmaku.prototype.destroy = function() {
+    return destroy.call(this);
+  };
+  Danmaku.prototype.emit = function(cmt) {
+    return emit.call(this, cmt);
+  };
+  Danmaku.prototype.show = function() {
+    return show.call(this);
+  };
+  Danmaku.prototype.hide = function() {
+    return hide.call(this);
+  };
+  Danmaku.prototype.clear = function() {
+    return clear$1.call(this);
+  };
+  Danmaku.prototype.resize = function() {
+    return resize$1.call(this);
+  };
+  Object.defineProperty(Danmaku.prototype, 'speed', speed);
+
+  return Danmaku;
+
+})));
--- a/view/molistar/activity/ramadan/js/index.js
+++ b/view/molistar/activity/ramadan/js/index.js
@@ -0,0 +1,456 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+// 弹幕专用
+let damuPool = [];
+let danmu = [];
+let timer2;
+// 初始化
+let danmaku;
+const initDanmu = () => {
+    danmaku = new Danmaku({
+        container: document.getElementById('my_container'),
+        speed: 60,
+    })
+    setDanmuData();
+}
+const setDanmuData = () => {
+    // damuPool = [
+    //     { avatar: './images/logo.png', bless: '我把思念写着天空', },
+    //     { avatar: './images/logo.png', bless: '我想永远陪着你', },
+    //     { avatar: './images/logo.png', bless: '我爱你我爱你甜蜜蜜', },
+    //     { avatar: './images/logo.png', bless: 'asdawdasdasdas', },
+    // ]
+    if (!timer2) {
+        timer2 = setInterval(() => {
+            if (!danmu.length) {
+                danmu = [...damuPool]
+            }
+            let danmushoot = danmu.shift();
+            if (danmushoot) {
+                renderDM(danmushoot);
+            }
+        }, 500);
+    }
+}
+const renderDM = (item) => {
+    danmaku.resize();
+    danmaku.emit({
+        render: function () {
+            var $div = document.createElement('div');
+            $div.innerHTML = `
+                    <div class="my_container_in">
+                        <img src="${item.avatar}" alt="" class="tx">
+                        <span>${item.bless}</span>
+                    </div>`
+            return $div;
+        },
+    })
+}
+var page = 0;
+var maxPage = 0;
+var arr = [];
+var lists = [];
+var list = [];
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        blessGetConfig();
+        questionConfig();
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    // $('.text1').html(langReplace(localLang.demoModule.text1));
+}
+// 弹幕接口
+function blessGetConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/2025Ramadan/bless/getConfig',
+        success(res) {
+            if (res.code === 200) {
+                damuPool = res.data.blessQueue;
+                initDanmu();
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 主tab切换
+$('.header .tab div').click(function () {
+    var i = $(this).index() + 1;
+    $('.page1,.page2,.page3').hide();
+    $(this).addClass('act').siblings().removeClass('act');
+    $(`.page${i}`).show();
+})
+// ===============================================页面一===============================================
+// 问题列表接口
+function questionConfig(dates) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/2025Ramadan/question/getConfig',
+        success(res) {
+            if (res.code === 200) {
+                // 进度
+                var num = res.data.cumulativeNum / 38 * 100
+                $('.page1 .c .page1_1 .medal .line .line_in').css('width', num + "%")
+                $('.page1 .c .page1_1 .medal .line span').text(`${res.data.cumulativeNum}/38`);
+                var myMap = res.data.questionStatusMap;
+                // 渲染日期
+                $('.page1 .c .page1_2 .calendar .calendar_in div').remove();
+                var calendarStr = '';
+                for (let key in myMap) {
+                    if (myMap.hasOwnProperty(key)) {
+                        calendarStr += `
+                            <div class="${myMap[key] == 3 || myMap[key] == 2 ? 'act' : ''}">
+                                <span>${formattedDate(key)}</span>
+                                <img src="${myMap[key] == 3 ? './images/corrects.png' : myMap[key] == 2 ? './images/incorrect.png' : ''}" alt="">
+                            </div>
+                        `
+                        if (key == '2025-03-03' && myMap[key] == 3) {
+                            $('.page1 .c .page1_2 .rewars1 div .doneBut').show();
+                        }
+                        if (key == '2025-03-07' && myMap[key] == 3) {
+                            $('.page1 .c .page1_2 .rewars2 div .doneBut').show();
+                        }
+                        if (key == '2025-03-15' && myMap[key] == 3) {
+                            $('.page1 .c .page1_2 .rewars3 div .doneBut').show();
+                        }
+                        if (key == '2025-03-30' && myMap[key] == 3) {
+                            $('.page1 .c .page1_2 .rewars4 div .doneBut').show();
+                        }
+                    }
+                }
+                $('.page1 .c .page1_2 .calendar .calendar_in').append(calendarStr);
+                // 渲染灯笼
+                $('.page1 .lanternBox div').remove();
+                var lantern = ''
+                var bool = false;
+                for (let key in myMap) {
+                    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 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/logo.png" alt="">
+                                </div>
+                            </div>
+                        `
+                    }
+                }
+                $('.page1 .lanternBox').append(lantern);
+
+                getQuestion(dates ? dates : res.data.curDate);
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+function formattedDate(dateStr) {
+    const parts = dateStr.split("-");
+    const month = parseInt(parts[1], 10);
+    const day = parseInt(parts[2], 10);
+    return `${month}/${day}`
+}
+// 获取问题接口
+function getQuestion(date) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/2025Ramadan/question/getQuestion',
+        data: { date },
+        success(res) {
+            if (res.code === 200) {
+                $('.questionLists').attr('date', date);
+                $('.page1 .c .page1_1 .question .answersNum b').text(res.data.rightAnswerNum);
+                $('.page1 .c .page1_1 .question .questionText').text(res.data.question);
+                $('.page1 .c .page1_1 .question .a span').text('A ' + res.data.optionA);
+                $('.page1 .c .page1_1 .question .b span').text('B ' + res.data.optionB);
+                $('.page1 .c .page1_1 .question .c span').text('C ' + res.data.optionC);
+                // 判断是否答题
+                if (res.data.answer) {
+                    // 已答题
+                    $(`.page1 .c .page1_1 .question .${res.data.answer}`).addClass('borders');
+                    $('.questionLists').attr('answer', 0);
+                    $(`.page1 .c .page1_1 .question .questionLists img`).hide();
+                    if (res.data.result) {
+                        // 正确
+                        $(`.page1 .c .page1_1 .question .${res.data.answer} img`).attr('src', './images/corrects.png')
+                    } else {
+                        // 不正确
+                        $(`.page1 .c .page1_1 .question .${res.data.answer} img`).attr('src', './images/incorrect.png')
+                    }
+                    $(`.page1 .c .page1_1 .question .${res.data.answer} img`).show();
+                } else {
+                    // 未答题
+                    $(`.page1 .c .page1_1 .question .questionLists `).removeClass('borders');
+                    $(`.page1 .c .page1_1 .question .questionLists  img`).hide();
+                    $('.questionLists').attr('answer', 1);
+                }
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 回答按钮
+$('.questionLists').click(function () {
+    var option = $(this).attr('option');
+    var date = $(this).attr('date');
+    var answer = $(this).attr('answer');
+    if (answer == 1) {
+        questionAsk(date, option);
+    }
+})
+
+// 回答接口
+function questionAsk(date, option) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/2025Ramadan/question/ask',
+        data: { date, option },
+        success(res) {
+            if (res.code === 200) {
+                bodyScroolFun(false);
+                if (res.data) {
+                    $('.page1 .congratulations .congratulations_in .gift .gift_in').attr('src', res.data.pic);
+                    $('.page1 .congratulations .congratulations_in .gift .giftName').text(res.data.name);
+                    $('.page1 .congratulations .congratulations_in .gift .num').text(`${res.data.num} ${res.data.unit}`);
+                    $('.page1 .congratulations').show();
+                } else {
+                    $('.page1 .unfortunately').show();
+                }
+                questionConfig(date);
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 监听切换题目
+$('.page1 .lanternBox').on('click', '.buts', function () {
+    var date = $(this).attr('date');
+    var status = $(this).attr('status');
+    if (status == 0) {
+        toastMsg('还未到答题时间');
+    } else {
+        getQuestion(date)
+    }
+})
+// 页面1tab切换
+$('.page1 .c .page1_tabBox div').click(function () {
+    var i = $(this).index() + 1;
+    $(this).addClass('act').siblings().removeClass('act');
+    $(`.page1_1,.page1_2`).hide();
+    $(`.page1_${i}`).show();
+})
+// 关闭答题错误弹窗
+$('.page1 .unfortunately .unfortunately_in .close,.page1 .unfortunately .unfortunately_in .but').click(function () {
+    bodyScroolFun(false);
+    $('.page1 .unfortunately').hide();
+})
+// 关闭答题正确弹窗
+$('.page1 .congratulations .congratulations_in .close,.page1 .congratulations .congratulations_in .but').click(function () {
+    bodyScroolFun(false);
+    $('.page1 .congratulations').hide();
+})
+
+// ===============================================页面二===============================================
+
+// 发射弹幕接口
+function bless(bless) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/2025Ramadan/bless/bless',
+        data: { bless },
+        success(res) {
+            if (res.code === 200) {
+                danmaku.destroy();
+                blessGetConfig();
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 发送弹幕
+$('.page2 .ramadanBlessings .send').click(function () {
+    var text = $('.page2 .ramadanBlessings input').val();
+    if (text.length > 20 || text.length == 0) {
+        toastMsg('内容不能为空，并且不能超过20个字符');
+        return;
+    }
+    $('.tip').show();
+    bodyScroolFun(true);
+})
+// 确认发送按钮
+$('.page2 .tip .tip_in .ok').click(function () {
+    var text = $('.page2 .ramadanBlessings input').val();
+    bodyScroolFun(false);
+    $('.page2 .tip').hide();
+    bless(text)
+})
+// 取消发送按钮
+$('.page2 .tip .tip_in .close').click(function () {
+    bodyScroolFun(false);
+    $('.page2 .tip').hide();
+})
+// 转盘未获奖弹窗
+$('.page2 .unfortunately .unfortunately_in .close,.page2 .unfortunately .unfortunately_in .but').click(function () {
+    bodyScroolFun(false);
+    $('.page2 .unfortunately').hide();
+})
+// 转盘获奖弹窗
+$('.page2 .congratulations .congratulations_in .close,.page2 .congratulations .congratulations_in .but').click(function () {
+    bodyScroolFun(false);
+    $('.page2 .congratulations').hide();
+})
+// 转盘相关的
+var arr = [20, 60, 100, 140, 180, 220, 260, 300];
+var i = null;
+var sec = 3;
+var animationFunLock = true;
+$('.page2 .turntable .c .pointerBut').click(function () {
+    i = Math.floor(Math.random() * arr.length);
+    console.log(Math.floor(Math.random() * arr.length));
+
+    if (animationFunLock) {
+        animationFunLock = false;
+        animationFun();
+    }
+})
+function animationFun() {
+    // 设置为立即从0默认值
+    $('.page2 .turntable .c .turntableBox .turntable_in img').css({
+        'transition': `all 0s`,
+        'transform': `rotate(0deg)`
+    });
+    // 在稍后的时间应用旋转效果
+    setTimeout(function () {
+        $('.page2 .turntable .c .turntableBox .turntable_in img').css({
+            'transition': `all ${sec}s`,
+            'transform': `rotate(${3 * 360 + arr[i]}deg)`,
+        });
+    }, 0);
+    setTimeout(function () {
+        animationFunLock = true;
+    }, sec * 1000)
+}
+
+
+
+// // ===============================================页面三===============================================
+//tab切换
+$('.page3 .list .c .page3_in1 .page3TabBox div').click(function () {
+    var i = $(this).index() + 1;
+    $(this).addClass('act').siblings().removeClass();
+
+    $('.page3 .list .c .page3_in1 .timeOutBox').css('display', 'none');
+    $('.page3 .list .c .page3_in1 .yesterdayCoinsPool').hide();
+    $('.page3 .list .c .page3_in1 .no1 .rewards').hide();
+    if (i == 1) {
+        $('.page3 .list .c .page3_in1 .yesterdayCoinsPool').show();
+    } else if (i == 2) {
+        $('.page3 .list .c .page3_in1 .timeOutBox').css('display', 'flex');
+    } else {
+        $('.page3 .list .c .page3_in1 .timeOutBox').css('display', 'flex');
+        $('.page3 .list .c .page3_in1 .no1 .rewards').show();
+    }
+})
+
+// 打开弹窗奖励
+$('.page3 .list .c .page3_in1 .no1 .rewards').click(function () {
+    $('.page3 .rewardsPub').show();
+    bodyScroolFun(true);
+})
+// 关闭弹窗奖励
+$('.page3 .rewardsPub .rewardsPub_in .close').click(function () {
+    $('.page3 .rewardsPub').hide();
+    bodyScroolFun(false);
+})
--- a/view/molistar/activity/ramadan/local/ar.js
+++ b/view/molistar/activity/ramadan/local/ar.js
@@ -0,0 +1,9 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: 'جار التحميل...',
+        layerIndex2: 'تمت العملية',
+        layerIndex3: 'خطأ في الشبكة، يرجى الخروج وإعادة الدخول',
+    }
+}
--- a/view/molistar/activity/ramadan/local/en.js
+++ b/view/molistar/activity/ramadan/local/en.js
@@ -0,0 +1,9 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        layerIndex1: 'Loading...',
+        layerIndex2: 'Operation completed',
+        layerIndex3: 'Network error, please exit and re-enter',
+    }
+}
--- a/view/molistar/activity/ramadan/local/tr.js
+++ b/view/molistar/activity/ramadan/local/tr.js
@@ -0,0 +1,9 @@
+// 土耳其
+langTr = {
+    // 模塊
+    demoModule: {
+        layerIndex1: 'Yükleniyor...',
+        layerIndex2: 'İşlem tamamlandı',
+        layerIndex3: 'Ağ hatası, lütfen çıkın ve tekrar girin',
+    }
+}
--- a/view/molistar/activity/ramadan/local/zh.js
+++ b/view/molistar/activity/ramadan/local/zh.js
@@ -0,0 +1,10 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: '載入中...',
+        layerIndex2: '操作完成',
+        layerIndex3: '網絡錯誤，請退出並重新進入',
+    }
+
+}
--- a/view/molistar/common/local/langHandler.js
+++ b/view/molistar/common/local/langHandler.js
@@ -34,7 +34,7 @@ function initLocalLang() {
        window.lang.code = 'id'
        window.lang.defaults = false
    } else if (lang === 'tr' || window.location.href.match('=tr')) {
-        if (window.location.href.match('levelNew') ||window.location.href.match('2025-valentineDay') || window.location.href.match('ssGuild') || window.location.href.match('dailyConsumption') || window.location.href.match('2024-cpActive') || window.location.href.match('superLucky') || window.location.href.match('newRank') || window.location.href.match('roomLevel') || window.location.href.match('rechargeNew') || window.location.href.match('2024-newYear') || window.location.href.match('guild-ar') || window.location.href.match('2024-invitationFission') || window.location.href.match('inform') || window.location.href.match('superId') || window.location.href.match('newWeekStar') || window.location.href.match('home') || window.location.href.match('pay')) {
+        if (window.location.href.match('ramadan') || window.location.href.match('levelNew') || window.location.href.match('2025-valentineDay') || window.location.href.match('ssGuild') || window.location.href.match('dailyConsumption') || window.location.href.match('2024-cpActive') || window.location.href.match('superLucky') || window.location.href.match('newRank') || window.location.href.match('roomLevel') || window.location.href.match('rechargeNew') || window.location.href.match('2024-newYear') || window.location.href.match('guild-ar') || window.location.href.match('2024-invitationFission') || window.location.href.match('inform') || window.location.href.match('superId') || window.location.href.match('newWeekStar') || window.location.href.match('home') || window.location.href.match('pay')) {
            window.location.href.match('superLucky') ||
                // 土耳其
                console.log("langHandler" + '土耳其')