月充值 - 替换奖励图片

view/eparty/activity/monthlyRecharge/index.html

@@ -40,6 +40,7 @@
         </div>
     </div>
     <!-- 我的充值 -->
+     <div class="content_box">
     <div class="myRecharge">
         <div class="title text7"></div>
         <p>
@@ -48,8 +49,8 @@
         </p>
         <div class="but text8"></div>
     </div>
-    <!-- 充值档位到达100 -->
+    <!-- 充值档位到达3000 -->
-    <div class="recharge100 recharge1 recharges">
+    <div class="recharge3000 recharge1 recharges">
         <div class="top">
             <div class="title text11"></div>
         </div>
@@ -57,51 +58,163 @@
             <div class="rewardImg">
                 <!-- <div class="ts" id="ts10"></div> -->
                 <!-- <div class="zj" id="zj100"></div> -->
+                 <img src="./images/bo.png" alt="" class="bo">
             </div>
         </div>
         <div class="bottom">
             <div class="but text10"></div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text13"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
         </div>
     </div>
-    <!-- 充值档位到达300 -->
+    <!-- 充值档位到达5000 -->
-    <div class="recharge300 recharge2 recharges">
+    <div class="recharge5000 recharge2 recharges">
         <div class="top">
             <div class="title text12"></div>
         </div>
         <div class="content">
             <div class="rewardImg">
                 <!-- <div class="zj" id="zj300"></div> -->
+                 <img src="./images/bo.png" alt="" class="bo">
             </div>
         </div>
         <div class="bottom">
             <div class="but text10"></div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text13"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
         </div>
     </div>
-    <!-- 充值档位到达500 -->
+    <!-- 充值档位到达8000 -->
-    <div class="recharge500 recharge3 recharges">
+    <div class="recharge8000 recharge3 recharges">
         <div class="top">
             <div class="title text14"></div>
         </div>
         <div class="content">
+                <img src="./images/why.png" alt="" class="whyShiping">
             <!-- 奖励图片 -->
             <div class="rewardImg">
                 <!-- <div class="zj" id="zj500"></div> -->
+                 <img src="./images/bo.png" alt="" class="bo">
             </div>
         </div>
         <div class="bottom">
             <div class="but text10"></div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text13"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
         </div>
     </div>
-    <!-- 充值档位到达1000 -->
+    <!-- 充值档位到达10000 -->
-    <div class="recharge1000 recharge4 recharges">
+    <div class="recharge10000 recharge4 recharges">
         <div class="top">
             <div class="title text15"></div>
         </div>
         <div class="content">
+                <img src="./images/why.png" alt="" class="whyShiping">
+                <img src="./images/why.png" alt="" class="whyToushi">
             <!-- 奖励图片 -->
             <div class="rewardImg">
                 <!-- <div class="zj" id="zj1000"></div> -->
-                <img src="./images/why.png" alt="" class="why">
+                 <img src="./images/bo.png" alt="" class="bo">
+
+            </div>
+        </div>
+        <div class="bottom">
+            <div class="but text10"></div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text13"></b>
+                <img src="./images/right.png" alt="" class="right">
+            </div>
+            <!-- 前三信息 -->
+            <div class="topBox">
+                <div class="no2">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top2.png" alt="" class="ts">
+                </div>
+                <div class="no1">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top1.png" alt="" class="ts">
+                </div>
+                <div class="no3">
+                    <img src="./images/logo.png" alt="" class="tx">
+                    <img src="./images/top3.png" alt="" class="ts">
+                </div>
+            </div>
+        </div>
+    </div>
+
+     <!-- 充值档位到达20000 -->
+    <div class="recharge20000 recharge4 recharges">
+        <div class="top">
+            <div class="title text16"></div>
+        </div>
+        <div class="content">
+                <img src="./images/why.png" alt="" class="whyShiping">
+                <img src="./images/why.png" alt="" class="whyToushi">
+
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <!-- <div class="zj" id="zj1000"></div> -->
+                 <img src="./images/bo.png" alt="" class="bo">
+
             </div>
         </div>
         <div class="bottom">
@@ -130,7 +243,7 @@
         </div>
     </div>
     
-   
+   </div>
    
     <!-- 弹窗 -->
     <div class="pub">
@@ -149,9 +262,34 @@
     </div>
     <!-- 免责声明 -->
     <div class="disclaimer text24"></div>
+
     <div class="video video3000">
         <video id="zjVideo" controls>
-            <source src="./mp4/1000.mp4" type="video/mp4">
+            <source src="./mp4/3000.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video5000">
+        <video id="zjVideo5000" controls>
+            <source src="./mp4/5000.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video8000">
+        <video id="zjVideo8000" controls>
+            <source src="./mp4/8000.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video10000">
+        <video id="zjVideo10000" controls>
+            <source src="./mp4/10000.mp4" type="video/mp4">
+        </video>
+        <img src="./images/close.png" alt="" class="close">
+    </div>
+    <div class="video video20000">
+        <video id="zjVideo20000" controls>
+            <source src="./mp4/20000.mp4" type="video/mp4">
         </video>
         <img src="./images/close.png" alt="" class="close">
     </div>

view/eparty/activity/monthlyRecharge/js/index.js

@@ -151,14 +151,15 @@ function getConfig() {
                     // 处理前三
                     if (wealth > limitWealth) {
                         res.userVos.forEach((val, index) => {
-                            $(`.recharge4 .bottom .topBox .no${index + 1} .tx`).attr('src', val.avatar);
+                            $(`.recharge${i+1} .bottom .topBox .no${index + 1} .tx`).attr('src', val.avatar);
                         })
                     } else {
-                        $(`.recharge4 .bottom .topTitle`).hide();
+                        $(`.recharge${i+1} .bottom .topTitle`).hide();
-                        $(`.recharge4 .bottom .topBox`).hide();
+                        $(`.recharge${i+1} .bottom .topBox`).hide();
-                         $(`.recharge4 .bottom`).css('height', '2.7rem')
+                         $(`.recharge${i+1} .bottom`).css('height', '2.7rem')
-                         $(`.recharge4 .bottom .but`).css('top', '-0.13rem')
+                         $(`.recharge${i+1} .content`).css('margin-top', '1rem')
-                         $(`.recharge4 .bottom .act`).css('top', '-0.13rem')
+                         $(`.recharge${i+1} .top .title`).css('top', '1.2rem')
+                         
                     }
                 })
             } else {
@@ -287,17 +288,96 @@ $('.recharges .bottom .but').click(function () {
         })
     }
 })
+// 打开8000座驾弹窗
+$('.recharge8000 .content .whyShiping').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.carTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.carText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开10000座驾弹窗
+$('.recharge10000 .content .whyShiping').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.carTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.carText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开20000座驾弹窗
+$('.recharge20000 .content .whyShiping').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.carTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.carText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+
+// 打开10000头饰弹窗
+$('.recharge10000 .content .whyToushi').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.headdressTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.headdressText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+// 打开20000头饰弹窗
+$('.recharge20000 .content .whyToushi').click(function () {
+    $('.pub .pub_in .centent').addClass('myRechargeTextWhy');
+    $('.pub .pub_in .title').html(langReplace(localLang.demoModule.headdressTitle));
+    $('.pub .pub_in .centent').html(langReplace(localLang.demoModule.headdressText));
+    $('.pub ').show();
+    bodyScroolFun(true);
+})
+
 // 打开mp4弹窗
-$('.recharge1000 .content .rewardImg .zj').click(function () {
+$('.recharge3000  .bo').click(function () {
     var video = document.getElementById('zjVideo');
     video.play();
     bodyScroolFun(true);
     $('.video3000').show();
 })
+// 打开mp4弹窗
+$('.recharge5000  .bo').click(function () {
+    var video = document.getElementById('zjVideo5000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video5000').show();
+})
+// 打开mp4弹窗
+$('.recharge8000  .bo').click(function () {
+    var video = document.getElementById('zjVideo8000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video8000').show();
+})
+// 打开mp4弹窗
+$('.recharge10000  .bo').click(function () {
+    var video = document.getElementById('zjVideo10000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video10000').show();
+})
+// 打开mp4弹窗
+$('.recharge20000  .bo').click(function () {
+    var video = document.getElementById('zjVideo20000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video20000').show();
+})
 // 关闭mp4弹窗
 $('.video .close').click(function () {
-    var video = document.getElementById('zjVideo');
+    var video3000 = document.getElementById('zjVideo3000');
+    var video5000 = document.getElementById('zjVideo5000');
+    var video8000 = document.getElementById('zjVideo8000');
+    var video10000 = document.getElementById('zjVideo10000');
+    var video20000 = document.getElementById('zjVideo20000');
     video.pause();
+    video3000.pause();
+    video5000.pause();
+    video8000.pause();
+    video10000.pause();
+    video20000.pause();
     bodyScroolFun(false);
     $('.video').hide();
 })

view/eparty/activity/monthlyRecharge/local/ar.js

@@ -23,12 +23,12 @@ langAr = {
         text16: `إعادة شحن $20000`,
         text17: `القواعد`,
         text18: `
-<p>1. تبدأ فعالية إعادة الشحن الأسبوعية من الساعة 12:00 صباحًا يوم الاثنين حتى الساعة 11:59 مساءً يوم الأحد.</p>
+<p>1. وقت النشاط: من الساعة 00:00 صباحًا في اليوم الأول من كل شهر الي الساعة 23:59 مساءً في اليوم الأخير من الشهر.</p>
-<p>2. يمكنك الحصول على كل مكافأة مرتبة مرة واحدة فقط.</p>
+<p>2. سيتم حسب مبلغ الشحن. بمجرد وصولك إلى المبلغ المطلوب، فيمكنك استلام مكافآتك يدويًا.</p>
-<p>3. بعد انتهاء كل جولة من الأنشطة، ستنتهي صلاحية المكافآت تلقائيًا.</p>
+<p>3. سيتم توزيع الكونزات تلقائيًا في نهاية كل جولة من النشاط.</p>
-<p>4. الهدية المخصصة: يمكنك تخصيص هديتك الخاصة من خلال خدمة العملاء.</p>
+<p>4. القيود: لا يسمح وكلاء الشحن مشاركة في النشاط.</p>
-<p>5. لا يمكن لوكلاء الشحن المشاركة في النشاط.</p>
+<p>5. المستخدمون اذا وصلوا إلى مستوى المطلوب ممكن تواصل مع خدمة العملاء لتخصيص مكافآتهم.</p>
-<p>٦. جميع حقوق تفسير الحدث تعود للمسؤول.</p>
+<p>6.تواصل مع خدمة العملاء لدينا للحصول على ايدي الفريد</p>
 <p>7. هذا الحدث غير مرتبط بجوجل/آبل.</p>
 `,
 

view/eparty/activity/monthlyRecharge/local/en.js

@@ -21,12 +21,12 @@ langEn = {
         text16: `Recharge $20000`,
         text17: `Rules`,
         text18: `
-        <p>1. The weekly recharge event runs from 12:00 AM on Monday to 11:59 PM on Sunday.</p>
+        <p>1. Recharge activity time: 00:00 on the 1st of each month to 23:59 on the last day of the month</p>
-        <p>2. You can only get each grade reward once.</p>
+        <p>2. Your recharge amount will be calculated. Once you reach the required amount, you can manually claim your rewards.</p>
-        <p>3. Each round of activities end, the rewards will automatically expire.</p>
+        <p>3. Coins will be automatically distributed at the end of each event round.</p>
-        <p>4. Customized Gift: You can customize your own gift through customer service.</p>
+        <p>4. Restrictions: Recharge agents are not eligible for this event.</p>
-        <p>5. Recharge agent can not join the activity.</p>
+        <p>5. Users who have reached the required deposit level can contact customer service to customize their rewards.</p>
-        <p>6. All rights of interpretation of event belong to the official.</p>
+        <p>6. Contact our customer service team to get your unique ID</p>
         <p>7. This event is not related to Google/Apple.</p>
     `,
         text19: `Recharge Rules`,

view/eparty/activity/monthlyRecharge/local/tr.js

@@ -21,12 +21,12 @@ langTr = {
         text16: '20000$ Yeniden Doldur',
         text17: 'Kurallar',
         text18: `
-<p>1. Haftalık kontör yükleme etkinliği Pazartesi günü 00:00'dan Pazar günü 23:59'a kadar sürer.</p>
+<p>1. Şarj etkinliği süresi: Her ayın 1'inde saat 00:00'dan ayın son günü saat 23:59'a kadar</p>
-<p>2. Her derece ödülünü yalnızca bir kez alabilirsiniz.</p>
+<p>2. Şarj tutarınız hesaplanacaktır. Gerekli tutara ulaştığınızda, ödüllerinizi manuel olarak talep edebilirsiniz.</p>
-<p>3. Her etkinlik turu sona erdiğinde, ödüller otomatik olarak sona erecektir.</p>
+<p>3. Jetonlar, her etkinlik turunun sonunda otomatik olarak dağıtılacaktır.</p>
-<p>4. Kişiselleştirilmiş Hediye: Müşteri hizmetleri aracılığıyla kendi hediyenizi özelleştirebilirsiniz.</p>
+<p>4. Kısıtlamalar: Şarj acenteleri bu etkinliğe katılamaz.</p>
-<p>5. Şarj acenteleri etkinliğe katılamaz.</p>
+<p>5. Gerekli para yatırma seviyesine ulaşan kullanıcılar, ödüllerini özelleştirmek için müşteri hizmetleriyle iletişime geçebilirler.</p>
-<p>6. Olayın yorumlanmasının tüm hakları resmi makamlara aittir.</p>
+<p>6. Benzersiz kimliğinizi almak için müşteri hizmetleri ekibimizle iletişime geçin</p>
 <p>7. Bu etkinlik Google/Apple ile ilişkili değildir.</p>
 `,
 

view/eparty/activity/monthlyRecharge/local/zh.js

@@ -23,13 +23,13 @@ langZh = {
         text16: `充值 $20000`,
         text17: `規則`,
         text18: `
-<p>1 周充值活动时间为自然周一00:00-周日23:59。</p>
+<p>1 活动时间：自然月1号00:00～当月最后一天23:59:59。</p>
-<p>2. 每個等級的獎勵只能獲得一次。</p>
+<p>2 统计您的充值金额，达到金额可手动领取奖励。</p>
-<p>3. 每輪活動結束後，獎勵將自動失效。</p>
+<p>3 金币将于每轮活动结束时，系统自动发放。</p>
-<p>4 定制礼物：你可以通过客服来定制你的专属礼物。</p>
+<p>4 限制：充值代理用户不参与该活动。</p>
-<p>5. 充值代理無法參與此活動。</p>
+<p>5 用户充值到相应等级，可以定制相应的奖励。</p>
-<p>6 本活动所有解释权归官方所有。</p>
+<p>6 联系我们的官方客服来获得您独一无二的ID。</p>
-<p>7. 此活動與Google/Apple無關。</p>
+<p>7 本活动与Google/Apple无关</p>
 `,
 
         text19: `充值规则`,