新增房间等级说明

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

view/molistar/modules/roomLevel/css/index.css

@@ -0,0 +1,74 @@
+html,
+body {
+  width: 100%;
+  background: #000000;
+}
+
+.back {
+  width: 10rem;
+  height: 2.34667rem;
+  position: fixed;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.4rem;
+  top: 1.46667rem;
+  z-index: 2;
+}
+
+.back b {
+  width: 100%;
+  text-align: center;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  color: #fff;
+  font-size: 0.42667rem;
+  font-weight: 500;
+  position: absolute;
+  left: 0.4rem;
+  top: 1.46667rem;
+}
+
+.rule {
+  width: 9.2rem;
+  line-height: 0.53333rem;
+  font-size: 0.37333rem;
+  font-weight: 400;
+  color: #fff;
+  margin: 2.42667rem auto 0.37333rem;
+}
+
+.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/roomLevel/css/index.scss

@@ -0,0 +1,84 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #000000;
+}
+
+.back {
+    width: px2rem(750);
+    height: px2rem(176);
+    position: fixed;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(30);
+        top: px2rem(110);
+        z-index: 2;
+    }
+
+    b {
+        width: 100%;
+        text-align: center;
+        height: px2rem(44);
+        line-height: px2rem(44);
+        color: #fff;
+        font-size: px2rem(32);
+        font-weight: 500;
+        position: absolute;
+        left: px2rem(30);
+        top: px2rem(110);
+    }
+}
+
+.rule {
+    width: px2rem(690);
+    line-height: px2rem(40);
+    font-size: px2rem(28);
+    font-weight: 400;
+    color: #fff;
+    margin: px2rem(182) auto px2rem(28);
+}
+
+.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/roomLevel/index.html

@@ -0,0 +1,39 @@
+<!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="back">
+        <img src="./images/travel/back.png" alt="">
+        <b class="text1"></b>
+    </div>
+    <!-- 规则文案 -->
+    <div class="rule text2">
+
+    </div>
+    <!-- 图片 -->
+    <div class="img"></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/roomLevel/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 img').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/roomLevel/local/ar.js

@@ -0,0 +1,14 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `جاري التحميل...`,
+        layerIndex2: `نجاح`,
+        layerIndex3: `خطأ في الشبكة`,
+        text1: 'وصف مستوى الغرفة',
+        text2: `
+<p>عند إنشاء غرفة، سيحسب النظام قيمة تداول العملات في غرفتك. عند وصول قيمة الغرفة إلى مستوى معين، سيتم ترقية مستوى الغرفة.</p>
+<p>بعد الترقية، ستحصل على مزيد من امتيازات الغرفة، مثل جلد الميكروفون الحصري أو التأثيرات، ومزيد من امتيازات إدارة الغرفة، وغيرها.</p>
+<p>من خلال ترقية مستوى الغرفة بشكل مستمر، يمكنك الاستمتاع بمزيد من المزايا والتجارب الخاصة التي يوفرها النظام.</p>`,
+    }
+}

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

@@ -0,0 +1,14 @@
+langEn = {
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Success`,
+        layerIndex3: `Network error`,
+        text1: `Room Level Description`,
+        text2: `<p>When you create a room, the platform will count the coin turnover value of your room. When the room value
+        reaches a certain standard, your room level will be upgraded.</p>
+    <p>After upgrading, you will get more room privileges, such as exclusive mic skin or effect, more room admin
+        privileges, etc.</p>
+    <p>By continuously upgrading the room level, you can enjoy more special benefits and experiences provided by the
+        platform.</p>`,
+    },
+}

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

@@ -0,0 +1,15 @@
+langTr = {
+    demoModule: {
+        layerIndex1: 'Yükleniyor...',
+        layerIndex2: 'Başarılı',
+        layerIndex3: 'Ağ hatası',
+        text1: 'Oda Seviyesi Açıklaması',
+        text2: `
+<p>Bir oda oluşturduğunuzda, platform odanızın madeni para işlem değerini sayar. Oda değeri belirli bir standarda
+ulaştığında, oda seviyeniz yükseltilecektir.</p>
+<p>Yükseltmeden sonra, özel mikrofon görünümü veya efektleri, daha fazla oda yönetim yetkisi gibi daha fazla oda
+ayrıcalığı elde edersiniz.</p>
+<p>Oda seviyesini sürekli yükselterek, platformun sağladığı daha özel avantajlardan ve deneyimlerden yararlanabilirsiniz.</p>`,
+    },
+
+}

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

@@ -0,0 +1,15 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加载中...`,
+        layerIndex2: `成功`,
+        layerIndex3: `网络错误`,
+        text1: '房間等級描述',
+        text2: `
+<p>當您創建一個房間時，平台會計算您的房間的金幣交易值。當房間的價值達到一定標準時，您的房間等級將會提升。</p>
+<p>升級後，您將獲得更多的房間特權，例如專屬麥克風皮膚或效果、更高的房間管理權限等。</p>
+<p>通過持續提升房間等級，您可以享受平台提供的更多特別福利和體驗。</p>`,
+
+    }
+}