新增福袋规则

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('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')) {
+        if (window.location.href.match('luckyBagRules') || 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" + '土耳其')

view/molistar/modules/luckyBagRules/css/index.css

@@ -0,0 +1,80 @@
+html,
+body {
+  width: 100%;
+  background: #9B1221;
+}
+
+.bg {
+  width: 10rem;
+  height: 12.57333rem;
+  background: url(../images/bg.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto 0;
+  overflow: hidden;
+}
+
+.bg .back {
+  position: absolute;
+  width: 0.8rem;
+  height: 0.8rem;
+  top: 0.02667rem;
+  left: 0.29333rem;
+}
+
+.bg .title {
+  width: 100%;
+  text-align: center;
+  margin: 0.85333rem auto 0.53333rem;
+  font-size: 0.42667rem;
+  color: #FFEA5C;
+  font-weight: 500;
+}
+
+.bg .box {
+  width: 90%;
+  margin: 0 auto 0;
+  color: #FFEA5C;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  height: 10.6rem;
+  overflow-y: scroll;
+}
+
+.bg .box::-webkit-scrollbar {
+  display: none;
+}
+
+.bg .box p {
+  margin-bottom: 0rem;
+  line-height: 0.53333rem;
+}
+
+.img {
+  width: 9.2rem;
+  height: 10.18667rem;
+  margin: 0 auto 0.66667rem;
+  background: url(../images/ruleImg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .img {
+  background: url(../images/ruleImg-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .back img {
+  transform: rotate(180deg);
+  left: auto;
+  right: 0.4rem;
+}
+
+.arabic .img {
+  background: url(../images/ruleImg-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.Turkiye .img {
+  background: url(../images/ruleImg-tr.png) no-repeat;
+  background-size: 100% 100%;
+}

view/molistar/modules/luckyBagRules/css/index.scss

@@ -0,0 +1,90 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #9B1221;
+}
+
+.bg {
+    width: px2rem(750);
+    height: px2rem(943);
+    background: url(../images/bg.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto 0;
+    overflow: hidden;
+
+    .back {
+        position: absolute;
+        width: px2rem(60);
+        height: px2rem(60);
+        top: px2rem(2);
+        left: px2rem(22);
+    }
+
+    .title {
+        width: 100%;
+        text-align: center;
+        margin: px2rem(64) auto px2rem(40);
+        font-size: px2rem(32);
+        color: #FFEA5C;
+        font-weight: 500;
+    }
+
+    .box {
+        width: 90%;
+        margin: 0 auto 0;
+        color: #FFEA5C;
+        font-size: px2rem(28);
+        font-weight: 400;
+        height: 10.6rem;
+        overflow-y: scroll;
+
+        &::-webkit-scrollbar {
+            display: none;
+        }
+
+        p {
+            margin-bottom: px2rem(0);
+            line-height: px2rem(40);
+        }
+    }
+}
+
+.img {
+    width: px2rem(690);
+    height: px2rem(764);
+    margin: 0 auto px2rem(50);
+    background: url(../images/ruleImg.png) no-repeat;
+    background-size: 100% 100%;
+}
+
+.china {
+    .img {
+        background: url(../images/ruleImg-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.arabic {
+    .back img {
+        transform: rotate(180deg);
+        left: auto;
+        right: px2rem(30);
+    }
+
+    .img {
+        background: url(../images/ruleImg-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.Turkiye {
+    .img {
+        background: url(../images/ruleImg-tr.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}

view/molistar/modules/luckyBagRules/index.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <div class="bg">
+        <img src="./images/back.png" alt="" class="back">
+        <div class="title text1"></div>
+        <div class="box text2">
+            
+        </div>
+    </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/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>

view/molistar/modules/luckyBagRules/js/index.js

@@ -0,0 +1,64 @@
+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'
+    })
+}
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back').click(() => {
+            if (browser.android) {
+                window.androidJsObj.closeWebView()
+            } else {
+                window.webkit.messageHandlers.closeWebView.postMessage(null)
+            }
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+    }, 100)
+
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.text1').html(langReplace(localLang.demoModule.text1));
+    $('.text2').html(langReplace(localLang.demoModule.text2));
+}

view/molistar/modules/luckyBagRules/local/ar.js

@@ -0,0 +1,18 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جار التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: `القواعد`,
+        text2: `<p>1. يمكن للمستخدمين اختيار إرسال أكياس الهدايا أو أكياس العملات بحرية</p>
+            <p>2. أكياس الهدايا: سيتم استخدام الهدايا العادية كجوائز. سيقوم النظام بخصم العملات الذهبية المقابلة وفقًا لعدد وقيمة الهدايا المختارة.</p>
+            <p>3. أكياس العملات: حدد أكياس العملات التي تريد إرسالها، وسيقوم النظام بخصم العملات الذهبية وفقًا للقيمة المختارة.</p>
+            <p>4. بمجرد بدء الحقيبة المحظوظة، سنقوم بدفع إشعار الخدمة الكامل إلى جميع غرف المستخدمين في أقرب وقت ممكن لجذبهم للمشاركة في غرفتك.</p>
+            <p>5. في الوقت نفسه، سيكون هناك أيضًا رسالة غرفة مقابلة في غرفتك لإعلام جميع المستخدمين والسماح لهم بالمشاركة في الوقت المحدد.</p>
+            <p>6. بخصوص الاسترداد: إذا لم يتم جمع الحقيبة المحظوظة بالكامل بعد 24 ساعة، فسيتم إرجاع الفرق إلى حسابك في شكل عملات ذهبية. (سيتم تحويل الهدايا غير المحصلة إلى عملات ذهبية بالسعر الأصلي وإعادتها إلى حسابك)</p>
+            <p>7. هذا النشاط ليس له أي علاقة بـ Apple و Google</p>`,
+    },
+
+}

view/molistar/modules/luckyBagRules/local/en.js

@@ -0,0 +1,21 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Rules`,
+        text2: `<p>1、Users can freely choose to send gift bags or coin bags</p>
+            <p>2、Gift bags: Ordinary gifts will be used as prizes. The system will deduct the corresponding coins
+                according to the number and value of the selected gifts.</p>
+            <p>3、Coin bags: Select the coin bags you want to send, and the system will deduct the corresponding coins
+                according to the selected value.</p>
+            <p>4、Once you start the lucky bag,we will push the full-service announcement to all user rooms as soon as
+                possible to attract them to participate in your room.</p>
+            <p>5、At the same time, your room will also have a corresponding room message to tell all room users, and
+                allow users to go to participate at the designated time.</p>
+            <p>6、About refunds: If the lucky bag is not fully collected after 24 hours, the difference will be returned
+                to your account in coins. (Uncollected gifts will be converted into coins at the original price and
+                returned to your account)</p>
+            <p>7、This activity has nothing to do with Apple and Google</p>`,
+    },
+}

view/molistar/modules/luckyBagRules/local/tr.js

@@ -0,0 +1,16 @@
+langTr = {
+    demoModule: {
+        layerIndex1: `Yükleniyor...`,
+        layerIndex2: `Başarılı`,
+        layerIndex3: `Ağ hatası`,
+        text1: `Kurallar`,
+        text2: `<p>1、Kullanıcılar, hediye paketleri veya altın para paketleri göndermeyi özgürce seçebilirler.</p>
+            <p>2、Hediye paketleri: Normal hediyeler ödül olarak kullanılacaktır. Sistem, seçilen hediyelerin sayısı ve değeri doğrultusunda ilgili altın paraları kesecektir.</p>
+            <p>3、Altın para paketleri: Göndermek istediğiniz altın para paketlerini seçin ve sistem, seçilen değere göre ilgili altın paraları kesecektir.</p>
+            <p>4、Şanslı çantayı başlattığınızda, kullanıcıları odanıza çekmek için mümkün olan en kısa sürede tüm kullanıcı odalarına hizmet duyurusu göndereceğiz.</p>
+            <p>5、Aynı zamanda, odanızda tüm oda kullanıcılarını bilgilendirecek ve belirtilen zamanda katılım sağlamalarına olanak tanıyacak bir oda mesajı da olacaktır.</p>
+            <p>6、Geri ödeme hakkında: Şanslı çanta 24 saat içinde tamamen toplanmazsa, eksik kalan miktar hesabınıza altın para olarak iade edilecektir. (Toplanmayan hediyeler, orijinal fiyat üzerinden altın paraya çevrilerek hesabınıza iade edilecektir.)</p>
+            <p>7、Bu etkinlik Apple ve Google ile hiçbir şekilde bağlantılı değildir.</p>`,
+    }
+
+}

view/molistar/modules/luckyBagRules/local/zh.js

@@ -0,0 +1,18 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `載入中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `網絡錯誤`,
+        text1: `規則`,
+        text2: `<p>1、用戶可以自由選擇發送禮物包或金幣包</p>
+            <p>2、禮物包：普通禮物將作為獎品。系統將根據所選禮物的數量和價值扣除相應的金幣。</p>
+            <p>3、金幣包：選擇您想要發送的金幣包，系統將根據所選價值扣除相應的金幣。</p>
+            <p>4、一旦您開啟幸運包，我們將盡快向所有用戶房間推送全服公告，以吸引他們參與您的房間。</p>
+            <p>5、同時，您的房間也將有相應的房間消息，通知所有房間用戶，並允許用戶在指定時間內參與。</p>
+            <p>6、關於退款：如果幸運包在24小時內未被全部領取，差額將以金幣形式返還至您的帳戶。（未領取的禮物將按原價轉換為金幣並返還至您的帳戶）</p>
+            <p>7、此活動與 Apple 和 Google 無關</p>`,
+    },
+
+}