更新月充值活动

view/molistar/activity/rechargeNew/index.html

@@ -42,7 +42,7 @@
     <!-- 我的充值 -->
     <div class="myRecharge">
         <div class="title text7"></div>
-        <p><b>$0</b><img style="display: none;" src="./images/why.png" alt=""></p>
+        <p><b>$0</b><img src="./images/why.png" alt=""></p>
         <div class="but text8"></div>
     </div>
     <!-- 充值档位到达10 -->
@@ -224,6 +224,121 @@
             <div class="but text10"></div>
         </div>
     </div>
+    <!-- 充值档位到达5000 -->
+    <div class="recharge5000 recharge7 recharges">
+        <div class="top">
+            <div class="title">Recharge $5000</div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="txTop5000"></div>
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/why.png" alt="" class="why">
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text26"></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 class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达8000 -->
+    <div class="recharge8000 recharge8 recharges">
+        <div class="top">
+            <div class="title">Recharge $8000</div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="txTop8000"></div>
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/why.png" alt="" class="why">
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text26"></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 class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
+    <!-- 充值档位到达10000 -->
+    <div class="recharge10000 recharge9 recharges">
+        <div class="top">
+            <div class="title">Recharge $10000</div>
+        </div>
+        <div class="content">
+            <!-- 奖励图片 -->
+            <div class="rewardImg">
+                <div class="ts" id="txTop10000"></div>
+                <img src="./images/bo.png" alt="" class="bo">
+                <img src="./images/why.png" alt="" class="why">
+                <img src="./images/why.png" alt="" class="why why2">
+            </div>
+            <!-- 前三标题 -->
+            <div class="topTitle">
+                <img src="./images/left.png" alt="" class="left">
+                <b class="text26"></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 class="bottom">
+            <div class="but text10"></div>
+        </div>
+    </div>
     <!-- 弹窗 -->
     <div class="pub">
         <div class="pub_in">
@@ -239,15 +354,32 @@
             </div>
         </div>
     </div>
-
     <!-- 免责声明 -->
     <div class="disclaimer text24"></div>
-    <div class="video">
+    <div class="video video3000">
         <video id="zjVideo" controls>
             <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>
 
 </body>
 
@@ -262,5 +394,6 @@
 <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/index.js"></script>
 <script src="../../common/local/langHandler.js"></script>

view/molistar/activity/rechargeNew/js/index.js

@@ -81,6 +81,9 @@ document.addEventListener('DOMContentLoaded', function () {
     loadSVGA('ts500', './svga/500.svga');
     loadSVGA('ts1000', './svga/1000.svga');
     loadSVGA('ts3000', './svga/3000.svga');
+    loadSVGA('txTop5000', './svga/txTop.svga');
+    loadSVGA('txTop8000', './svga/txTop.svga');
+    loadSVGA('txTop10000', './svga/txTop.svga');
     loadSVGA('zj10', './svga/zj10.svga');
     loadSVGA('zj100', './svga/zj100.svga');
     loadSVGA('zj300', './svga/zj300.svga');
@@ -125,9 +128,9 @@ function getConfig() {
                 wealth = res.data.wealth;
                 limitWealth = res.data.limitWealth;
                 // 处理是否我的充值展示
-                if(res.data.rechargeUser){
+                if (res.data.rechargeUser) {
                     $('.myRecharge').hide();
-                }else{
+                } else {
                     $('.myRecharge').show();
                 }
                 // 处理倒计时
@@ -215,6 +218,38 @@ $('.recharge3000 .content .rewardImg .why').click(function () {
     $('.pub ').show();
     bodyScroolFun(true);
 })
+// 打开5000头饰弹窗
+$('.recharge5000 .content .rewardImg .why').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);
+})
+// 打开8000头饰弹窗
+$('.recharge8000 .content .rewardImg .why').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);
+})
+// 打开10000头饰弹窗
+$('.recharge10000 .content .rewardImg .why2').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);
+})
+// 打开10000座驾弹窗
+$('.recharge10000 .content .rewardImg .why').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);
+})
 // 关闭弹窗
 $('.pub .pub_in .close').click(function () {
     $('.pub .pub_in .centent').removeClass('myRechargeText');
@@ -291,12 +326,39 @@ $('.recharge3000 .content .rewardImg .bo').click(function () {
     var video = document.getElementById('zjVideo');
     video.play();
     bodyScroolFun(true);
-    $('.video').show();
+    $('.video3000').show();
+})
+// 打开mp4弹窗
+$('.recharge5000 .content .rewardImg .bo').click(function () {
+    var video = document.getElementById('zjVideo5000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video5000').show();
+})
+// 打开mp4弹窗
+$('.recharge8000 .content .rewardImg .bo').click(function () {
+    var video = document.getElementById('zjVideo8000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video8000').show();
+})
+// 打开mp4弹窗
+$('.recharge10000 .content .rewardImg .bo').click(function () {
+    var video = document.getElementById('zjVideo10000');
+    video.play();
+    bodyScroolFun(true);
+    $('.video10000').show();
 })
 // 关闭mp4弹窗
 $('.video .close').click(function () {
     var video = document.getElementById('zjVideo');
+    var video5000 = document.getElementById('zjVideo5000');
+    var video8000 = document.getElementById('zjVideo8000');
+    var video10000 = document.getElementById('zjVideo10000');
     video.pause();
+    video5000.pause();
+    video8000.pause();
+    video10000.pause();
     bodyScroolFun(false);
     $('.video').hide();
 })

view/molistar/activity/rechargeNew/local/ar.js

@@ -41,5 +41,10 @@ langAr = {
         text24: `هذا الحدث غير مرتبط بشركة أبل.`,
         text25: `هذا الحدث غير مرتبط بشركة جوجل.`,
         text26: `أفضل 3 فائزين`,
+        headdressTitle: 'تاج مخصص',
+        headdressText: '<p>يمكنك إرسال لقبك الفريد إلى خدمة العملاء الرسمية لتخصيص تاجك المخصص</p>',
+        carTitle: 'سيارة مخصصة',
+        carText: '<p>يمكنك إرسال صورتك الرمزية الفريدة ولقبك إلى خدمة العملاء الرسمية لتخصيص سيارتك المخصصة</p>'
+    
     }
 }

view/molistar/activity/rechargeNew/local/en.js

@@ -39,5 +39,9 @@ langEn = {
         text24: `This event is not related to Apple.`,
         text25: `This event is not related to Google.`,
         text26: `Top 3 Winner`,
+        headdressTitle: `Customized Headdress`,
+        headdressText: `<p>You can send your unique nickname to the official customer service to customize your customized headdress</p>`,
+        carTitle: `Customized Car`,
+        carText: `<p>You can send your unique avatar and nickname to the official customer service to customize your customized car</p>`,
     }
 }

view/molistar/activity/rechargeNew/local/tr.js

@@ -0,0 +1,47 @@
+langTr = {
+    demoModule: {
+        layerIndex1: 'Yükleniyor...',
+        layerIndex2: 'Başarılı',
+        layerIndex3: 'Ağ hatası',
+        text1: 'Aylık yeniden doldurma',
+        text2: 'Kurallar',
+        text3: 'Gün',
+        text4: 'Saat',
+        text5: 'Dakika',
+        text6: 'Saniye',
+        text7: 'Yeniden Doldurmam',
+        text8: 'Yeniden Doldur',
+        text9: '10$ Yeniden Doldur',
+        text10: 'Ödül Al',
+        text11: '100$ Yeniden Doldur',
+        text12: '300$ Yeniden Doldur',
+        text13: 'İlk 3 Kazanan',
+        text14: '500$ Yeniden Doldur',
+        text15: '1000$ Yeniden Doldur',
+        text16: '3000$ Yeniden Doldur',
+        text17: 'Kurallar',
+        text18: `
+            <p>1. Yeniden doldurma etkinlik süresi: Her ayın 1. günü saat 00:00:00'dan ayın son günü saat 23:59:59'a kadar (GMT+3).</p>
+            <p>2. Her ödül seviyesini sadece bir kez alabilirsiniz.</p>
+            <p>3. Her etkinlik turu sonunda ödüller otomatik olarak geçersiz olur.</p>
+            <p>4. Benzersiz kimliğinizi almak için resmi müşteri hizmetlerimizle iletişime geçin!</p>
+            <p>5. Yeniden doldurma aracısı etkinliğe katılamaz.</p>
+            <p>6. Bu etkinlik Google/Apple ile ilişkili değildir.</p>
+        `,
+        text19: 'Aylık Yeniden Doldurmam',
+        text20: `
+            <p>1. Yeniden doldurma yöntemleri Google, Apple içi satın alma vb. içerir.</p>
+            <p>2. Yeniden doldurma aracısı etkinliğe katılamaz.</p>
+        `,
+        text21: 'Özelleştirilmiş Hediye',
+        text22: '<p>Özelleştirilmiş hediyenizi almak için özel videonuzu müşteri hizmetlerimize gönderebilirsiniz.</p>',
+        text23: 'Alındı',
+        text24: 'Bu etkinlik Apple ile ilişkili değildir.',
+        text25: 'Bu etkinlik Google ile ilişkili değildir.',
+        text26: 'İlk 3 Kazanan',
+        headdressTitle: 'Özelleştirilmiş Taç',
+        headdressText: '<p>Benzersiz takma adınızı resmi müşteri hizmetlerine göndererek özelleştirilmiş tacınızı oluşturabilirsiniz</p>',
+        carTitle: 'Özelleştirilmiş Araç',
+        carText: '<p>Benzersiz avatarınızı ve takma adınızı resmi müşteri hizmetlerine göndererek özelleştirilmiş aracınızı oluşturabilirsiniz</p>',
+    }
+}

view/molistar/activity/rechargeNew/local/zh.js

@@ -41,5 +41,10 @@ langZh = {
         text24: `本活動與蘋果無關`,
         text25: `本活動與谷歌無關`,
         text26: `前3名獲獎者`,
+        headdressTitle: '定制頭飾',
+        headdressText: '<p>您可以將您的獨特暱稱發送給官方客服，來定制您的專屬頭飾</p>',
+        carTitle: '定制車輛',
+        carText: '<p>您可以將您的獨特頭像和暱稱發送給官方客服，來定制您的專屬車輛</p>'
+
     }
 }

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('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('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')) {
             // 土耳其
             console.log("langHandler" + '土耳其')
             window.lang = langTr