修改bug-爱的告白

国际化铭牌申请
替换logo暂存
2024-06-25 19:30:59 +08:00 · 2024-06-25 11:00:07 +08:00 · 2024-06-24 16:11:55 +08:00 · 2024-06-21 17:07:23 +08:00 · 2024-06-21 16:34:46 +08:00 · 2024-06-21 16:13:53 +08:00
199 changed files with 6159 additions and 543 deletions
--- a/view/molistar/activity/2024-invitationFission/css/index.css
+++ b/view/molistar/activity/2024-invitationFission/css/index.css
@@ -1029,3 +1029,16 @@ body {
 .arabic .bg .rule .rule2 .table1_3_div {
  font-size: 0.13333rem;
 }
+
+.toatstsEnd {
+  padding: 0.26667rem 0.4rem;
+  text-align: center;
+  color: #fff;
+  font-size: 0.32rem;
+  position: fixed;
+  z-index: 99999;
+  background: rgba(0, 0, 0, 0.8);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
--- a/view/molistar/activity/2024-invitationFission/css/index.scss
+++ b/view/molistar/activity/2024-invitationFission/css/index.scss
@@ -1054,4 +1054,16 @@ body {
    .bg .rule .rule2 .table1_3_div{
        font-size: px2rem(10);
    }
+}
+.toatstsEnd{
+    padding: px2rem(20) px2rem(30);
+    text-align: center;
+    color: #fff;
+    font-size: px2rem(24);
+    position: fixed;
+    z-index: 99999;
+    background: rgba(0,0,0,.8);
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
 }
--- a/view/molistar/activity/2024-invitationFission/images/ruleBoxBg-ar.png
+++ b/view/molistar/activity/2024-invitationFission/images/ruleBoxBg-ar.png
--- a/view/molistar/activity/2024-invitationFission/images/ruleBoxBg-en.png
+++ b/view/molistar/activity/2024-invitationFission/images/ruleBoxBg-en.png
--- a/view/molistar/activity/2024-invitationFission/images/ruleBoxBg.png
+++ b/view/molistar/activity/2024-invitationFission/images/ruleBoxBg.png
--- a/view/molistar/activity/2024-invitationFission/index.html
+++ b/view/molistar/activity/2024-invitationFission/index.html
@@ -8,7 +8,7 @@
    <title id="title"></title>
    <!-- 邀請得金幣 -->
    <link rel="stylesheet" href="../../common/css/reset.css">
-    <link rel="stylesheet" href="./css/index.css?v=1.0">
+    <link rel="stylesheet" href="./css/index.css?v=1.1">
 </head>

 <body id="body" style="display: none;">
@@ -212,6 +212,7 @@
            <li>2.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；</li> -->
        </ul>
    </div>
+    <div class="toatstsEnd"></div>
 </body>
 </script>

@@ -223,8 +224,8 @@
 <script src="../../common/js/vconsole.min.js"></script>
 <script src="../../common/js/route-constant.js"></script>
 <script src="../../common/js/jquery.copy.min.js"></script>
-<script src="./local/en.js"></script>
-<script src="./local/zh.js"></script>
-<script src="./local/ar.js"></script>
-<script src="./js/index.js?v=1.0"></script>
+<script src="./local/en.js?v=1.1"></script>
+<script src="./local/zh.js?v=1.1"></script>
+<script src="./local/ar.js?v=1.2"></script>
+<script src="./js/index.js?v=1.3"></script>
 <script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/activity/2024-invitationFission/js/index.js
+++ b/view/molistar/activity/2024-invitationFission/js/index.js
@@ -58,6 +58,7 @@ $(function () {
        langReplace = window.lang.replace;
        localLang = window.lang;
        text = langReplace(localLang.demoModule.text35)
+
        translateFun();
        // getConfig();
        getMySelf();
@@ -65,6 +66,11 @@ $(function () {
        setTimeout(function () {
            $('#body').show();
        }, 300)
+        if (getQueryString().lang == "en" || getQueryString().lang == "ar") {
+            $('.toatstsEnd').text(langReplace(localLang.demoModule.endTimes))
+        }else{
+            $('.toatstsEnd').hide();
+        }
    }, 300)
 })
 function translateFun() {
@@ -459,12 +465,12 @@ $('.otherRule').click(function () {
    bodyScroolFun(false);
 })
 // 打开收益弹窗
-$('.header .rule_rule').click(function(){
+$('.header .rule_rule').click(function () {
    $('.bg .ul_pub').show();
    bodyScroolFun(true);
 })
 // 关闭收益弹窗
-$('.bg .ul_pub .incomeBox .close').click(function(){
+$('.bg .ul_pub .incomeBox .close').click(function () {
    $('.bg .ul_pub').hide();
    bodyScroolFun(false);
 })
--- a/view/molistar/activity/2024-invitationFission/local/ar.js
+++ b/view/molistar/activity/2024-invitationFission/local/ar.js
@@ -2,12 +2,13 @@
 langAr = {
    // 模块
    demoModule: {
+        endTimes:'انتهاء الفعالية',
        img1: `./images/header_h3-ar.png`,
        img2: `./images/rule_rule-ar.png`,
        img3: `./images/rule1_in-ar.png`,
        img4: `./images/rule_2in-ar.png`,
        title: `دعوة لكسب النقود`,
-        text1: ` احصل على <b>1000</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
+        text1: ` احصل على <b>500</b> <img src="./images/gold.png" alt=""> نقطة لكل دعوة`,
        text2: `رمز الدعوة`,
        text3: `مشاركة مع الأصدقاء`,
        text4: `نسخ رمز الدعوة`,
@@ -22,7 +23,7 @@ langAr = {
        text12: `نوع الأرباح`,
        text13: `المستخدم المدعو`,
        text14: `قواعد النشاط`,
-        text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 1000 نقطة، لا يوجد حد!`,
+        text15: `دعوة ناجحة لصديق للتسجيل، يحصل كل منهما على 500 نقطة، لا يوجد حد!`,
        text16: `المدعو: أنت`,
        text17: `المستخدم المباشر`,
        text18: `دعوة الأصدقاء للشحن والحصول على cashback، حتى 7% لمدة 30 يومًا!`,
@@ -51,10 +52,10 @@ langAr = {
            <li>2. يحتفظ الإدارة بالحق النهائي في هذا النشاط، ولا يمتلك أي علاقة بشركة أبل/جوجل؛</li>`,
        text31: `مشاركة رمز QR >`,
        text32: `الأصدقاء يمسحون رمز الاستجابة السريعة`,
-        text33: `احصل على <b>1000</b>`,
+        text33: `احصل على <b>500</b>`,
        text34: `حفظ محليًا`,
        text35: `مباشرة`,
-        text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 1000 نقطة!`,
+        text36: `مسح لتنزيل molistar وملء رمز دعوتي للحصول على 500 نقطة!`,
        text37: `موليستار، لقاء مع الصوت النابض بالقلب`,
        text38: `دردشة، لعب الألعاب، تكوين الصداقات، في أي وقت وفي أي مكان على موليستار`,
        text39: `مباشرة`,
@@ -123,7 +124,7 @@ langAr = {
        text1: `اكتشف الصدف الغير متوقعة على Molistar.`,
        text2: `تحدث، والعب ألعاب، واكسب الأصدقاء في أي وقت وفي أي مكان على Molistar.`,
        xz_id: `حمّل Molistar الآن!`,
-        text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 1000 عملة ذهبية على الفور!`,
+        text4: `حمّل وسجّل في Molistar باستخدام كود الدعوة الخاص بي للحصول على 500 عملة ذهبية على الفور!`,
        text5: `جار التحميل...`,
        text6: `تم العملية بنجاح`,
        text7: `تم نسخ الرمز بنجاح`,
--- a/view/molistar/activity/2024-invitationFission/local/en.js
+++ b/view/molistar/activity/2024-invitationFission/local/en.js
@@ -2,12 +2,13 @@
 langEn = {
    // 模块
    demoModule: {
+        endTimes:'The event has ended',
        img1: `./images/header_h3-en.png`,
        img2: `./images/rule_rule-en.png`,
        img3: `./images/rule1_in-en.png`,
        img4: `./images/rule_2in-en.png`,
        title: `Invite to Earn Coins`,
-        text1: `Get <b>1000</b> <img src="./images/gold.png" alt=""> for each invitation `,
+        text1: `Get <b>500</b> <img src="./images/gold.png" alt=""> for each invitation `,
        text2: `My Code`,
        text3: `Share with Friends`,
        text4: `Copy Invitation Code`,
@@ -22,7 +23,7 @@ langEn = {
        text12: `Earnings Type`,
        text13: `Invited User`,
        text14: `Activity Rules`,
-        text15: `Successfully invite a friend to register, both parties get 1000 coins each, unlimited!`,
+        text15: `Successfully invite a friend to register, both parties get 500 coins each, unlimited!`,
        text16: `Inviter: You`,
        text17: `Direct Invitee`,
        text18: `Invite friends to top up and get cashback, up to 7% for 30 days!`,
@@ -51,10 +52,10 @@ langEn = {
            <li>2. The final interpretation right of this activity belongs to the official, and has nothing to do with Apple Inc./Google Inc.;</li>`,
        text31: `Share QR >`,
        text32: `Friends Scan QR Code to Download and Register`,
-        text33: `Get <b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
+        text33: `Get <b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
        text34: `Save Locally`,
        text35: `Direct`,
-        text36: `Scan to download molistar and fill in My Code to get 1000 coins!`,
+        text36: `Scan to download molistar and fill in My Code to get 500 coins!`,
        text37: `Molistar, Encounter with the Heartbeat Sound`,
        text38: `Chat, Play Games, Make Friends, Anytime Anywhere on Molistar`,
        text39: `Direct`,
@@ -122,7 +123,7 @@ langEn = {
        text1: `Discover unexpected connections on Molistar.`,
        text2: `Chat, play games, and make friends anytime, anywhere on Molistar.`,
        xz_id: `Download Molistar now!`,
-        text4: `Download and register on Molistar with my invite code to get 1000 gold coins instantly!`,
+        text4: `Download and register on Molistar with my invite code to get 500 gold coins instantly!`,
        text5: `Loading...`,
        text6: `Operation complete`,
        text7: `Copy successful`,
--- a/view/molistar/activity/2024-invitationFission/local/zh.js
+++ b/view/molistar/activity/2024-invitationFission/local/zh.js
@@ -2,12 +2,13 @@
 langZh = {
    // 模塊
    demoModule: {
+        endTimes:'活動已結束',
        img1: `./images/header_h3.png`,
        img2: `./images/rule_rule.png`,
        img3: `./images/rule1_in.png`,
        img4: `./images/rule_2in.png`,
        title: `邀請得金幣`,
-        text1: `每邀請一人得 <b>1000</b>金幣 <img src="./images/gold.png" alt="">`,
+        text1: `每邀請一人得 <b>500</b>金幣 <img src="./images/gold.png" alt="">`,
        text2: `我的邀請碼`,
        text3: `分享邀請好友`,
        text4: `複製邀請碼`,
@@ -22,7 +23,7 @@ langZh = {
        text12: `收益類型`,
        text13: `邀請對象`,
        text14: `活動規則`,
-        text15: `成功邀請一位好友註冊，雙方各得1000金幣，無上限！`,
+        text15: `成功邀請一位好友註冊，雙方各得500金幣，無上限！`,
        text16: `邀請人：妳`,
        text17: `直接邀請對象`,
        text18: `邀請好友儲值返現，纍計高達7%，持續30天！`,
@@ -51,10 +52,10 @@ langZh = {
        <li>2.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；</li>`,
        text31: `分享二維碼 >`,
        text32: `好友掃碼下載註冊`,
-        text33: `得<b>1000</b><img src="./images/gold.png" alt="" class="diamond">`,
+        text33: `得<b>500</b><img src="./images/gold.png" alt="" class="diamond">`,
        text34: `保存本地`,
        text35: `直接`,
-        text36: `掃碼下載molistar並填寫我的邀請碼\n立得 1000 金幣！`,
+        text36: `掃碼下載molistar並填寫我的邀請碼\n立得 500 金幣！`,
        text37: `molistar，與心動聲音不期而遇`,
        text38: `聊天玩遊戲交朋友，隨時隨地在molistar`,
        text39: `直接`,
@@ -125,7 +126,7 @@ langZh = {
        text1: `molistar，與心動聲音不期而遇`,
        text2: `聊天玩遊戲交朋友，隨時隨地在molistar`,
        xz_id: `立即下载molistar`,
-        text4: `下載註冊molistar並填寫我的邀請碼，立得1000金幣！`,
+        text4: `下載註冊molistar並填寫我的邀請碼，立得500金幣！`,
        text5: `加載中...`,
        text6: `操作完成`,
        text7: `复制成功`,
--- a/view/molistar/activity/act-nameplate/css/index.css
+++ b/view/molistar/activity/act-nameplate/css/index.css
@@ -12,7 +12,7 @@

 .max {
  width: 10rem;
-  height: 30.84rem;
+  height: 34.02667rem;
  background: url("../images/max.png?v=1.0") no-repeat;
  background-size: 100% 100%;
  font-family: 'pingfang-bold';
@@ -21,10 +21,10 @@
 .max .record {
  position: absolute;
  position: absolute;
-  top: 5.9rem;
+  top: 6.61333rem;
  right: 0;
-  width: 1.5rem;
-  height: 1.4rem;
+  width: 1.64rem;
+  height: 0.57333rem;
 }

 .max .record img {
@@ -34,23 +34,23 @@

 .max .btn {
  position: absolute;
-  top: 15.8rem;
-  left: 1.68rem;
-  width: 2.53333rem;
-  height: 1.01333rem;
+  top: 16.1rem;
+  left: 1.61rem;
+  width: 2.94667rem;
+  height: 1.46667rem;
 }

 .max .btn.basics-receive {
-  left: 5.6rem;
+  left: 5rem;
 }

 .max .btn.advance-send {
-  top: 22.34667rem;
+  top: 23.34667rem;
 }

 .max .btn.advance-receive {
-  top: 22.34667rem;
-  left: 5.6rem;
+  top: 23.34667rem;
+  left: 5rem;
 }

 .max .btn img {
@@ -257,8 +257,8 @@
 .max .shade-mask-new .shade-content .apply-btn,
 .max .shade-mask-new .shade-content-delay .apply-btn,
 .max .shade-mask-new .shade-content-new .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
+  width: 6.37333rem;
+  height: 0.82667rem;
  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
  margin: 0.64rem auto 0;
 }
@@ -367,9 +367,9 @@
 }

 .max .shade-mask-delay .shade-content-delay .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
-  background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
+  width: 6.37333rem;
+  height: 0.82667rem;
+  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
  margin: 0.85333rem auto 0;
 }

@@ -484,9 +484,9 @@
 }

 .max .shade-mask-new .shade-content-new .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
-  background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
+  width: 6.37333rem;
+  height: 0.82667rem;
+  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
  margin: 0.61333rem auto 0;
 }

@@ -510,3 +510,7 @@
 ::-webkit-scrollbar {
  display: none;
 }
+
+.english .max {
+  height: 35.76rem;
+}
--- a/view/molistar/activity/act-nameplate/css/index.scss
+++ b/view/molistar/activity/act-nameplate/css/index.scss
@@ -21,7 +21,7 @@
 // @import '../../../common/css/flex.scss';
 .max {
  width: px2rem(750);
-  height: px2rem(2313);
+  height: px2rem(2552);
  background: url('../images/max.png?v=1.0') no-repeat;
  background-size: 100% 100%;
  font-family: 'pingfang-bold';
@@ -29,10 +29,10 @@
  .record {
    position: absolute;
    position: absolute;
-    top: 5.9rem;
+    top: px2rem(496);
    right: 0;
-    width: 1.5rem;
-    height: 1.4rem;
+    width: px2rem(123);
+    height: px2rem(43);

    img {
      width: 100%;
@@ -42,22 +42,22 @@

  .btn {
    position: absolute;
-    top: 15.8rem;
-    left: px2rem(126);
-    width: px2rem(190);
-    height: px2rem(76);
+    top: 16.1rem;
+    left: 1.61rem;
+    width: px2rem(221);
+    height: px2rem(110);

    &.basics-receive {
-      left: 5.6rem;
+      left: 5rem;
    }

    &.advance-send {
-      top: 22.34667rem;
+      top: 23.34667rem;
    }

    &.advance-receive {
-      top: 22.34667rem;
-      left: 5.6rem;
+      top: 23.34667rem;
+      left: 5rem;
    }

    img {
@@ -181,8 +181,8 @@
      }

      .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
+        width: px2rem(478);
+        height: px2rem(62);
        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
        margin: px2rem(48) auto 0;
      }
@@ -277,9 +277,9 @@
      }

      .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
-        background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
+        width: px2rem(478);
+        height: px2rem(62);
+        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
        margin: px2rem(64) auto 0;
      }
    }
@@ -397,9 +397,9 @@
      }

      .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
-        background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
+        width: px2rem(478);
+        height: px2rem(62);
+        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
        margin: px2rem(46) auto 0;
      }
    }
@@ -425,4 +425,10 @@

 ::-webkit-scrollbar {
  display: none;
+}
+
+.english{
+  .max{
+    height: px2rem(2682);
+  }
 }
--- a/view/molistar/activity/act-nameplate/images/apply-btn-basics-ar.png
+++ b/view/molistar/activity/act-nameplate/images/apply-btn-basics-ar.png
--- a/view/molistar/activity/act-nameplate/images/apply-btn-basics-en.png
+++ b/view/molistar/activity/act-nameplate/images/apply-btn-basics-en.png
--- a/view/molistar/activity/act-nameplate/images/apply-btn-basics.png
+++ b/view/molistar/activity/act-nameplate/images/apply-btn-basics.png
--- a/view/molistar/activity/act-nameplate/images/apply-new-ar.png
+++ b/view/molistar/activity/act-nameplate/images/apply-new-ar.png
--- a/view/molistar/activity/act-nameplate/images/apply-new-en.png
+++ b/view/molistar/activity/act-nameplate/images/apply-new-en.png
--- a/view/molistar/activity/act-nameplate/images/apply-new.png
+++ b/view/molistar/activity/act-nameplate/images/apply-new.png
--- a/view/molistar/activity/act-nameplate/images/delay-btn-ar.png
+++ b/view/molistar/activity/act-nameplate/images/delay-btn-ar.png
--- a/view/molistar/activity/act-nameplate/images/delay-btn-en.png
+++ b/view/molistar/activity/act-nameplate/images/delay-btn-en.png
--- a/view/molistar/activity/act-nameplate/images/delay-btn.png
+++ b/view/molistar/activity/act-nameplate/images/delay-btn.png
--- a/view/molistar/activity/act-nameplate/images/disabled-btn-ar.png
+++ b/view/molistar/activity/act-nameplate/images/disabled-btn-ar.png
--- a/view/molistar/activity/act-nameplate/images/disabled-btn-en.png
+++ b/view/molistar/activity/act-nameplate/images/disabled-btn-en.png
--- a/view/molistar/activity/act-nameplate/images/disabled-btn.png
+++ b/view/molistar/activity/act-nameplate/images/disabled-btn.png
--- a/view/molistar/activity/act-nameplate/images/max-ar.png
+++ b/view/molistar/activity/act-nameplate/images/max-ar.png
--- a/view/molistar/activity/act-nameplate/images/max-en.png
+++ b/view/molistar/activity/act-nameplate/images/max-en.png
--- a/view/molistar/activity/act-nameplate/images/max.png
+++ b/view/molistar/activity/act-nameplate/images/max.png
--- a/view/molistar/activity/act-nameplate/images/new-bg-ar.png
+++ b/view/molistar/activity/act-nameplate/images/new-bg-ar.png
--- a/view/molistar/activity/act-nameplate/images/new-bg-en.png
+++ b/view/molistar/activity/act-nameplate/images/new-bg-en.png
--- a/view/molistar/activity/act-nameplate/images/new-bg.png
+++ b/view/molistar/activity/act-nameplate/images/new-bg.png
--- a/view/molistar/activity/act-nameplate/images/record-ar.png
+++ b/view/molistar/activity/act-nameplate/images/record-ar.png
--- a/view/molistar/activity/act-nameplate/images/record-en.png
+++ b/view/molistar/activity/act-nameplate/images/record-en.png
--- a/view/molistar/activity/act-nameplate/images/record.png
+++ b/view/molistar/activity/act-nameplate/images/record.png
--- a/view/molistar/activity/act-nameplate/images/select-bg-ar.png
+++ b/view/molistar/activity/act-nameplate/images/select-bg-ar.png
--- a/view/molistar/activity/act-nameplate/images/select-bg-en.png
+++ b/view/molistar/activity/act-nameplate/images/select-bg-en.png
--- a/view/molistar/activity/act-nameplate/images/select-bg.png
+++ b/view/molistar/activity/act-nameplate/images/select-bg.png
--- a/view/molistar/activity/act-nameplate/index.html
+++ b/view/molistar/activity/act-nameplate/index.html
@@ -17,7 +17,8 @@
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
-  <title>精美铭牌送不停</title>
+  <title class="title_t"></title>
+  <!-- 私人訂製 -->

  <link rel="stylesheet" href="../../common/css/reset.css">
  <link rel="stylesheet" href="./css/index.css?v=11">
@@ -28,7 +29,7 @@
 <body>
  <div class="max">
    <div class="record">
-      <!-- <img src="./images/record.png" alt=""> -->
+      <img src="./images/record.png" alt="">
    </div>
    
    <div class="btn basics-send"><img src="./images/disabled-btn.png" alt=""></div>
@@ -62,7 +63,7 @@
      <div class="shade-content-delay">
        <!-- <div class="top">延期期限</div> -->
        <div class="nameplate-style">
-          <span>铭牌样式：</span>
+          <span class="text1">铭牌样式：</span>
          <div>
            <p>
              <img alt="">
@@ -71,10 +72,10 @@
          </div>
        </div>
        <div class="delay-time">
-            <span>申请时长：</span>
+            <span class="text2">申请时长：</span>
            <div>
              <img src="./images/decrease.png" alt="" class="decrease">
-              <p><span></span>天</p>
+              <p><span></span><b class="text3">天</b></p>
              <img src="./images/increase.png" alt="" class="increase">
            </div>
        </div>
@@ -88,20 +89,20 @@
      <div class="shade-content-new">
        <!-- <div class="top">申请新铭牌</div> -->
        <div class="nameplate-style">
-          <span>铭牌样式：</span>
+          <span class="text1"></span>
          <ul class="apply-new-ul">
            
          </ul>
        </div>
        <div class="new-nameplate-desc-wrap">
-          <span>铭牌文字：</span>
-          <input type="text" class="new-nameplate-desc" placeholder="请输入4个字" maxlength="4">
+          <span class="text4"></span>
+          <input class="text5" type="text" class="new-nameplate-desc" placeholder="" maxlength="">
        </div>
        <div class="delay-time">
-            <span>申请时长：</span>
+            <span class="text2"></span>
            <div>
              <img src="./images/decrease.png" alt="" class="decrease">
-              <p><span></span>天</p>
+              <p><span></span><b class="text3"></b></p>
              <img src="./images/increase.png" alt="" class="increase">
            </div>
        </div>
@@ -114,7 +115,11 @@
  <script src="../../common/js/common2.js"></script>
  <script src="../../common/js/layer.js"></script>
  <script src="../../common/js/vconsole.min.js"></script>
+  <script src="./local/en.js"></script>
+  <script src="./local/zh.js"></script>
+  <script src="./local/ar.js"></script>
  <script src="./js/public.js?v=10"></script>
+  <script src="../../common/local/langHandler.js"></script>
 </body>

 </html>
--- a/view/molistar/activity/act-nameplate/js/public.js
+++ b/view/molistar/activity/act-nameplate/js/public.js
@@ -4,31 +4,210 @@ var browser = checkVersion();
 var info = {};
 if (EnvCheck() === 'test') new VConsole
 // 封裝layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
-    layer.open({
-        type: 2,
-        shadeClose: false,
-        content,
-        success(e) {
-            layerIndex = $(e).attr('index')
-        }
-    })
+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)
+  layer.close(index)
 }
-const toastMsg = (content = '操作完成', time = 2) => {
-    layer.open({
-        content,
-        time,
-        skin: 'msg'
-    })
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+  layer.open({
+    content,
+    time,
+    skin: 'msg'
+  })
 }

 let delayLock = false, newApplyLock = false
-
 let btnStatus = []
+var partitionId = null;
+$(function () {
+  getInfoFromClient()
+  fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+  setTimeout(() => {
+    langReplace = window.lang.replace;
+    localLang = window.lang;
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    translateFun();
+    getUserNameplateInfo()
+    userGet()
+  }, 50)
+  function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.max').attr('style', langReplace(localLang.demoModule.max))
+    $('.max .shade-mask-new .shade-content-new').attr('style', langReplace(localLang.demoModule.img4))
+    $('.max .shade-mask .shade-content, .max .shade-mask-delay .shade-content-delay').attr('style', langReplace(localLang.demoModule.img44))
+    $('.apply-btn').attr('style', langReplace(localLang.demoModule.img5))
+    $('.max .btn img').attr('src', langReplace(localLang.demoModule.img2))
+    $('.max .record img').attr('src', langReplace(localLang.demoModule.img6))
+    $('.title_t').html(langReplace(localLang.demoModule.title_t));
+    $('.text1').html(langReplace(localLang.demoModule.text1));
+    $('.text2').html(langReplace(localLang.demoModule.text2));
+    $('.text3').html(langReplace(localLang.demoModule.text3));
+    $('.text4').html(langReplace(localLang.demoModule.text4));
+    $('.text5').attr('placeholder', langReplace(localLang.demoModule.text5));
+  }
+  if (browser.app) {
+    _hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
+  }
+
+  // 點擊申請記錄按鈕
+  $('.record').on('click', function () {
+    window.location.href = './record.html'
+  })
+
+  // 關閉彈窗
+  $('.shade-mask .close').on('click', () => {
+    $('.shade-mask').hide()
+    $('body').css('overflow', 'auto')
+  })
+  $('.shade-mask-delay .close').on('click', () => {
+    $('.shade-mask-delay').hide()
+    $('body').css('overflow', 'auto')
+  })
+  $('.shade-mask-new .close').on('click', () => {
+    $('.shade-mask-new').hide()
+    $('body').css('overflow', 'auto')
+    newNameplateId = ''
+    $(this).find('input').val('')
+  })
+
+  let maxApplyDay, nameplateId, type, text
+  // 監聽 延長期限 按鈕點擊事件
+  $('.select-ul').on('click', '.delay-btn', function () {
+    let li = $(this).parent();
+    let src = li.find('.nameplate img').attr('src');
+    let desc = li.find('.nameplate span').html();
+    maxApplyDay = li.data('applyDay');
+    nameplateId = li.data('nameplateId');
+    type = li.data('type');
+    text = li.data('text');
+
+    $('.shade-mask-delay .nameplate-style img').attr('src', src);
+    $('.shade-mask-delay .nameplate-style p span').html(desc);
+    $('.shade-mask-delay .delay-time p span').html(maxApplyDay);
+
+    $('.shade-mask-delay').show().siblings('.shade-mask, .shade-mask-new').hide()
+  })
+
+  // 延期彈窗 點擊減按鈕
+  $('.shade-mask-delay').on('click', '.decrease', function () {
+    let applyDay = parseInt($(this).parent().find('span').html());
+    if (applyDay > 7) {
+      applyDay -= 7;
+    } else {
+      toastMsg(langReplace(localLang.demoModule.text6))
+    }
+    $('.shade-mask-delay .delay-time p span').html(applyDay);
+  })
+  //延期彈窗 點擊加按鈕
+  $('.shade-mask-delay').on('click', '.increase', function () {
+    let applyDay = parseInt($(this).parent().find('span').html());
+    if (applyDay >= maxApplyDay) {
+      toastMsg(langReplace(localLang.demoModule.text7))
+    } else {
+      applyDay += 7;
+    }
+    $('.shade-mask-delay .delay-time p span').html(applyDay);
+  })
+  // 監聽申請延期確定按鈕點擊事件
+  $('.shade-mask-delay').on('click', '.apply-btn', function () {
+    // applyType 1申請新銘牌，2延長
+    if (!delayLock) {
+      delayLock = true
+      let params = {
+        type,
+        nameplateId,
+        applyDay: parseInt($(this).parent().find('.delay-time div p span').html()),
+        applyType: 2,
+        text
+      };
+      delayNamaplateConfirm(params)
+    }
+  })
+
+  /*************************           ******************************/
+
+  // 監聽 申請新銘牌 按鈕點擊事件
+  $('.shade-mask').on('click', '.apply-btn', function () {
+    let type = $(this).parent().find('.select-ul li').eq(0).data('type');
+    getNewNameplateList(type)
+  })
+
+  // 申請新銘牌彈窗 點擊減按鈕
+  $('.shade-mask-new').on('click', '.decrease', function () {
+    let applyDay = parseInt($(this).parent().find('span').html());
+    if (applyDay > 7) {
+      applyDay -= 7;
+    } else {
+      toastMsg(langReplace(localLang.demoModule.text6))
+    }
+    $('.shade-mask-new .delay-time p span').html(applyDay);
+  })
+  // 申請新銘牌彈窗 點擊加按鈕
+  $('.shade-mask-new').on('click', '.increase', function () {
+    let applyDay = parseInt($(this).parent().find('span').html());
+    let maxApplyDay = parseInt($(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay'));
+    if (applyDay >= maxApplyDay) {
+      toastMsg(langReplace(localLang.demoModule.text7))
+    } else {
+      applyDay += 7;
+    }
+    $('.shade-mask-new .delay-time p span').html(applyDay);
+  })
+
+  // 申請新銘牌彈窗 點擊銘牌列錶事件
+  $('.shade-mask-new').on('click', 'li', function () {
+    $(this).addClass('active').siblings('li').removeClass('active');
+    newNameplateId = $(this).data('nameplateId');
+  })
+
+  // 申請新銘牌彈窗 確定申請 按鈕點擊事件
+  $('.shade-mask-new').on('click', '.apply-btn', function () {
+    let content = $(this).parent();
+    // let ipt = content.find('input.new-nameplate-desc').val()
+    let ipt = $('.text5').val();
+    if (!newNameplateId) {
+      toastMsg(langReplace(localLang.demoModule.text8));
+      return
+    }
+    if (!ipt) {
+      toastMsg(langReplace(localLang.demoModule.text9));
+      return
+    }
+    // else {
+    // if (ipt.length !== 4) {
+    //   toastMsg(langReplace(localLang.demoModule.text10));
+    //   return
+    // }
+    // }
+
+    // applyType 1申請新銘牌，2延長
+    if (!newApplyLock) {
+      newApplyLock = true
+      let params = {
+        applyType: 1,
+        nameplateId: newNameplateId,
+        text: ipt,
+        type: parseInt(content.find('ul.apply-new-ul li').eq(0).data('type')),
+        applyDay: parseInt(content.find('.delay-time div p span').html())
+      }
+      applyNewNamaplateConfirm(params)
+    }
+  })
+
+});
 // 獲取用戶銘牌狀態
 const getUserNameplateInfo = () => {
  showLoading()
@@ -38,42 +217,70 @@ const getUserNameplateInfo = () => {
    data: {
      uid: pubInfo.uid
    },
-    success(res){
+    success(res) {
      hideLoading(layerIndex);
-      if(res.code === 200){
+      if (res.code === 200) {
        btnStatus = res.data
        renderBtnStatus()
-      }else{
+      } else {
        toastMsg(res.message)
      }
    },
-    error(){
+    error() {
      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+const userGet = () => {
+  showLoading()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/user/get',
+    data: {
+      uid: pubInfo.uid
+    },
+    success(res) {
+      hideLoading(layerIndex);
+      if (res.code === 200) {
+        partitionId = res.data.partitionId
+        if (partitionId == 1 || partitionId == 2) {
+          $('.text5').attr('maxlength', 13);
+        } else {
+          $('.text5').attr('maxlength', 4);
+        }
+        renderBtnStatus()
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
    }
  })
 }

 // 渲染首頁按鈕狀態
 const renderBtnStatus = () => {
-  btnStatus.map( (item,index) => {
-      if(index > 1){
-        // 進階款式
-        $('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
-        if(item > 0){
-          $('.btn').eq(index).on('click', () => {
-            getUserNameplateList(index+1)
-          })
-        }
-      }else{
-        // 基礎款式
-        $('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
-        if(item > 0){
-          $('.btn').eq(index).on('click', () => {
-            getUserNameplateList(index+1)
-          })
-        }
+  btnStatus.map((item, index) => {
+    if (index > 1) {
+      // 進階款式
+      $('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
+      if (item > 0) {
+        $('.btn').eq(index).on('click', () => {
+          getUserNameplateList(index + 1)
+        })
      }
+    } else {
+      // 基礎款式
+      $('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
+      if (item > 0) {
+        $('.btn').eq(index).on('click', () => {
+          getUserNameplateList(index + 1)
+        })
+      }
+    }
  })
 }

@@ -88,22 +295,22 @@ const getUserNameplateList = (type) => {
      uid: pubInfo.uid,
      type
    },
-    success(res){
+    success(res) {
      hideLoading(layerIndex)
-      if(res.code === 200){
-        if(!res.data.length){
+      if (res.code === 200) {
+        if (!res.data.length) {
          getNewNameplateList(type)
-        }else{
+        } else {
          userNameplateList = res.data
          renderNameplateList()
        }
-      }else{
+      } else {
        toastMsg(res.message)
      }
    },
-    error(){
+    error() {
      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
    }
  })
 }
@@ -111,16 +318,16 @@ const getUserNameplateList = (type) => {
 // 渲染銘牌列錶(選擇彈窗)
 const renderNameplateList = () => {
  let str = ''
-  userNameplateList.map( item => {
+  userNameplateList.map(item => {
    str += `
      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.nameplateId} data-type=${item.type} data-text=${item.fixedWord}>
-        <p>剩余${item.expireDays}天</p>
+        <p>${langReplace(localLang.demoModule.text13)}${item.expireDays}${langReplace(localLang.demoModule.text3)}</p>
        <div class="nameplate">
          <img src="${item.nameplateImage}" alt="">
          <span>${item.word}</span>
        </div>
        <div class="delay-btn">
-          <img src="./images/delay-btn.png" alt="">
+          <img src="${langReplace(localLang.demoModule.img7)}" alt="">
        </div>
      </li>
    `
@@ -143,22 +350,22 @@ const getNewNameplateList = (type) => {
      uid: pubInfo.uid,
      type
    },
-    success(res){
+    success(res) {
      hideLoading(layerIndex)
-      if(res.code === 200){
-        if(!res.data.length){
-          toastMsg('暫時沒有銘牌可申請')
+      if (res.code === 200) {
+        if (!res.data.length) {
+          toastMsg(langReplace(localLang.demoModule.text11))
          return
        }
        newNameplateList = res.data
        renderNewNameplateList()
-      }else{
+      } else {
        toastMsg(res.message)
      }
    },
-    error(){
+    error() {
      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
    }
  })
 }
@@ -167,7 +374,7 @@ let newNameplateId  //只有一個可選時，默認選中
 // 渲染申請新銘牌彈窗
 const renderNewNameplateList = () => {
  let str = '';
-  newNameplateList.map( item => {
+  newNameplateList.map(item => {
    str += `
      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.id} data-type=${item.type}>
        <div>
@@ -177,7 +384,7 @@ const renderNewNameplateList = () => {
    `
  })
  $('.apply-new-ul').html(str)
-  if(newNameplateList.length === 1){
+  if (newNameplateList.length === 1) {
    let onlyLi = $('.apply-new-ul').find('li').eq(0);
    newNameplateId = onlyLi.data('nameplateId');
    onlyLi.addClass('active')
@@ -201,23 +408,23 @@ const delayNamaplateConfirm = (params) => {
      applyType: params.applyType,
      text: params.text
    },
-    success(res){
+    success(res) {
      hideLoading(layerIndex)
-      if(res.code === 200){
-        toastMsg('申請成功')
+      if (res.code === 200) {
+        toastMsg(langReplace(localLang.demoModule.text12))
        $('.shade-mask-delay').hide()
        $('body').css('overflow', 'auto')
        delayLock = false
-        setTimeout(()=>{
+        setTimeout(() => {
          location.reload()
        }, 500)
-      }else{
+      } else {
        toastMsg(res.message)
      }
    },
-    error(){
+    error() {
      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
    }
  })
 }
@@ -236,180 +443,26 @@ const applyNewNamaplateConfirm = (params) => {
      applyType: params.applyType,
      text: params.text
    },
-    success(res){
+    success(res) {
      hideLoading(layerIndex)
-      if(res.code === 200){
-        toastMsg('申請成功')
+      if (res.code === 200) {
+        toastMsg(langReplace(localLang.demoModule.text12))
        $('.shade-mask-new').hide()
        $('body').css('overflow', 'auto')
-        newApplyLock  = false
-        setTimeout(()=>{
+        newApplyLock = false
+        setTimeout(() => {
          location.reload()
        }, 500)
-      }else{
-        newApplyLock  = false
+      } else {
+        newApplyLock = false
        toastMsg(res.message)
      }
    },
-    error(){
+    error() {
      hideLoading(layerIndex);
-      toastMsg('網絡錯誤,請退出重進')
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
    }
  })
 }

-$(function () {
-  getInfoFromClient()
-  setTimeout( () => {
-    getUserNameplateInfo()
-  }, 50)
-
-  if (browser.app) {
-    _hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
-  }
-
-  // 點擊申請記錄按鈕
-  $('.record').on('click', function(){
-    window.location.href = './record.html'
-  })
-
-  // 關閉彈窗
-  $('.shade-mask .close').on('click', () => {
-    $('.shade-mask').hide()
-    $('body').css('overflow', 'auto')
-  })
-  $('.shade-mask-delay .close').on('click', () => {
-    $('.shade-mask-delay').hide()
-    $('body').css('overflow', 'auto')
-  })
-  $('.shade-mask-new .close').on('click', () => {
-    $('.shade-mask-new').hide()
-    $('body').css('overflow', 'auto')
-    newNameplateId = ''
-    $(this).find('input').val('')
-  })
-
-  let maxApplyDay, nameplateId, type, text
-  // 監聽 延長期限 按鈕點擊事件
-  $('.select-ul').on('click', '.delay-btn', function() {
-    let li = $(this).parent();
-    let src = li.find('.nameplate img').attr('src');
-    let desc = li.find('.nameplate span').html();
-    maxApplyDay = li.data('applyDay');
-    nameplateId = li.data('nameplateId');
-    type = li.data('type');
-    text = li.data('text');
-    
-    $('.shade-mask-delay .nameplate-style img').attr('src', src);
-    $('.shade-mask-delay .nameplate-style p span').html(desc);
-    $('.shade-mask-delay .delay-time p span').html(maxApplyDay);
-
-    $('.shade-mask-delay').show().siblings('.shade-mask, .shade-mask-new').hide()
-  })
-
-  // 延期彈窗 點擊減按鈕
-  $('.shade-mask-delay').on('click', '.decrease', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    if(applyDay > 7){
-      applyDay -= 7;
-    }else{
-      toastMsg('銘牌至少申請7天')
-    }
-    $('.shade-mask-delay .delay-time p span').html(applyDay);
-  })
-  //延期彈窗 點擊加按鈕
-  $('.shade-mask-delay').on('click', '.increase', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    if(applyDay >= maxApplyDay){
-      toastMsg('已達最大申請時長')
-    }else{
-      applyDay += 7;
-    }
-    $('.shade-mask-delay .delay-time p span').html(applyDay);
-  })
-  // 監聽申請延期確定按鈕點擊事件
-  $('.shade-mask-delay').on('click', '.apply-btn', function(){
-    // applyType 1申請新銘牌，2延長
-    if(!delayLock){
-      delayLock = true
-      let params = {
-        type,
-        nameplateId,
-        applyDay: parseInt( $(this).parent().find('.delay-time div p span').html() ),
-        applyType: 2,
-        text
-      };
-      delayNamaplateConfirm(params)
-    }
-  })
-
-  /*************************           ******************************/
-
-  // 監聽 申請新銘牌 按鈕點擊事件
-  $('.shade-mask').on('click', '.apply-btn', function(){
-    let type = $(this).parent().find('.select-ul li').eq(0).data('type');
-    getNewNameplateList(type)
-  })
-
-  // 申請新銘牌彈窗 點擊減按鈕
-  $('.shade-mask-new').on('click', '.decrease', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    if(applyDay > 7){
-      applyDay -= 7;
-    }else{
-      toastMsg('銘牌至少申請7天')
-    }
-    $('.shade-mask-new .delay-time p span').html(applyDay);
-  })
-  // 申請新銘牌彈窗 點擊加按鈕
-  $('.shade-mask-new').on('click', '.increase', function(){
-    let applyDay = parseInt( $(this).parent().find('span').html() );
-    let maxApplyDay = parseInt( $(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay') );
-    if(applyDay >= maxApplyDay){
-      toastMsg('已達最大申請時長')
-    }else{
-      applyDay += 7;
-    }
-    $('.shade-mask-new .delay-time p span').html(applyDay);
-  })
-  
-  // 申請新銘牌彈窗 點擊銘牌列錶事件
-  $('.shade-mask-new').on('click', 'li', function(){
-    $(this).addClass('active').siblings('li').removeClass('active');
-    newNameplateId = $(this).data('nameplateId');
-  })
-
-  // 申請新銘牌彈窗 確定申請 按鈕點擊事件
-  $('.shade-mask-new').on('click', '.apply-btn', function(){
-    let content = $(this).parent();
-    let ipt = content.find('input.new-nameplate-desc').val()
-    if(!newNameplateId){
-      toastMsg('請選擇樣式');
-      return
-    }
-    if(!ipt){
-      toastMsg('請添加銘牌文字');
-      return
-    }else{
-      if(ipt.length !== 4){
-        toastMsg('請添加4個字的銘牌文字');
-        return
-      }
-    }
-    
-    // applyType 1申請新銘牌，2延長
-    if(!newApplyLock){
-      newApplyLock = true
-      let params = {
-        applyType: 1,
-        nameplateId: newNameplateId,
-        text: ipt,
-        type: parseInt( content.find('ul.apply-new-ul li').eq(0).data('type') ),
-        applyDay: parseInt( content.find('.delay-time div p span').html() )
-      }
-      applyNewNamaplateConfirm(params)
-    }
-  })
-
-});

--- a/view/molistar/activity/act-nameplate/js/record.js
+++ b/view/molistar/activity/act-nameplate/js/record.js
@@ -1,9 +1,11 @@
 let urlPrefix = getUrlPrefix();
 if (EnvCheck() === 'test') new VConsole

-// 封装layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
+// 封裝layer消息提醒框
+let layerIndex;
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
    layer.open({
        type: 2,
        shadeClose: false,
@@ -16,7 +18,7 @@ const showLoading = (content = '加載中...') => {
 const hideLoading = (index) => {
    layer.close(index)
 }
-const toastMsg = (content = '操作完成', time = 2) => {
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
    layer.open({
        content,
        time,
@@ -40,53 +42,52 @@ const getUserApplyRecord = () => {
            pageNumber,
            pageSize
        },
-        success(res){
+        success(res) {
            hideLoading(layerIndex)
-            if(res.code === 200){
-                if(!res.data.length){
+            if (res.code === 200) {
+                if (!res.data.length) {
                    $('.max').hide()
-                }else{
+                } else {
                    $('.no-record-wrap').hide()
                }

-                if(res.data.length === pageSize){
+                if (res.data.length === pageSize) {
                    // 能够继续请求下一页
                    canNext = true
-                }else{
+                } else {
                    canNext = false
                }
                recordList.push(...res.data)
                renderRecord()
                isLock = true
-            }else{
-              toastMsg(res.message)
+            } else {
+                toastMsg(res.message)
            }
-          },
-          error(){
+        },
+        error() {
            hideLoading(layerIndex);
-            toastMsg('網絡錯誤')
-          }
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
    })
 }
 // 渲染申请记录
 const renderRecord = () => {
    let str = '';
-    recordList.map( item => {
+    recordList.map(item => {
        str += `
            <li>
                <div class="nameplate-style"><img src="${item.iconPic}" alt=""></div>
                <div class="nameplate-desc-wrap">
                    <span class="nameplate-desc">${item.text}</span>
                    <p>
-                        <span>${item.applyType === 1 ? '申请' : '延长'}${item.applyDay}天</span>
+                        <span>${item.applyType === 1 ? langReplace(localLang.demoModule.text16) : langReplace(localLang.demoModule.text17)}${item.applyDay}${langReplace(localLang.demoModule.text3)}</span>
                        <span>${dateFormat(item.createTime, "yyyy-MM-dd")}</span>
                    </p>
                </div>
                <div class="isPass">
-                    <p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? '申请中' : (item.auditType === 1 ? '不通过' : '已通过')}</p>
-                    ${
-                        item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
-                    }
+                    <p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? langReplace(localLang.demoModule.text18) : (item.auditType === 1 ? langReplace(localLang.demoModule.text19) : langReplace(localLang.demoModule.text20))}</p>
+                    ${item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
+            }
                    
                </div>
            </li>
@@ -95,21 +96,32 @@ const renderRecord = () => {
    $('.max').html(str)
 }

-$(function(){
+$(function () {
    getInfoFromClient()
-    setTimeout( () => {
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(() => {
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        translateFun();
        getUserApplyRecord()
    }, 50)
+    function translateFun() {
+        var langReplace = window.lang.replace;
+        var localLang = window.lang;
+        $('.text14').text(langReplace(localLang.demoModule.text14));
+        $('.text15').text(langReplace(localLang.demoModule.text15));
+    }

    // 监听滚动
-    $('ul').scroll(function(){
+    $('ul').scroll(function () {
        let scrollTop = $(this).scrollTop()
        let scrollHeight = $('ul')[0].scrollHeight
        let ulHeight = $(this).innerHeight()
-        if(scrollTop + ulHeight + 100 >= scrollHeight){
-            if(isLock){
+        if (scrollTop + ulHeight + 100 >= scrollHeight) {
+            if (isLock) {
                // 请求下一页
-                if(canNext){
+                if (canNext) {
                    getUserApplyRecord(pageNumber++)
                    isLock = false
                }
--- a/view/molistar/activity/act-nameplate/local/ar.js
+++ b/view/molistar/activity/act-nameplate/local/ar.js
@@ -0,0 +1,40 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `التحميل...`,
+        layerIndex2: `اكتمال العملية`,
+        layerIndex3: `خطأ في الشبكة`,
+        max: `background:url("./images/max-ar.png") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-ar.png);`,
+        img44: `background-image: url(./images/select-bg-ar.png);`,
+        img5: `background: url('./images/apply-new-ar.png') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-ar.png`,
+        img3: `./images/apply-btn-basics-ar.png`,
+        img6: `./images/record-ar.png`,
+        img7: `./images/delay-btn-ar.png`,
+        title_t: `مخصص`,
+        text1: `نمط اللوحة:`,
+        text2: `مدة التطبيق:`,
+        text3: `أيام`,
+        text4: `نص اللوحة:`,
+        text5: `الرجاء إدخال...`,
+        text55: `13`,
+        text6: `يجب تطبيق اللوحة لمدة 7 أيام على الأقل`,
+        text7: `تم بلوغ أقصى مدة للتطبيق`,
+        text8: `يرجى اختيار نمط`,
+        text9: `يرجى إضافة نص اللوحة`,
+        text10: `يرجى إضافة نص اللوحة من 4 أحرف`,
+        text11: `لا توجد لوحات متاحة حالياً`,
+        text12: `تم التطبيق بنجاح`,
+        text13: 'متبقٍ',
+        text14: 'سجل الطلبات',
+        text15: 'لا توجد سجلات للطلبات',
+        text16: 'تقديم الطلب',
+        text17: 'تمديد',
+        text18: 'قيد الطلب',
+        text19: 'لم يتم القبول',
+        text20: 'تم القبول'
+    }
+
+}
--- a/view/molistar/activity/act-nameplate/local/en.js
+++ b/view/molistar/activity/act-nameplate/local/en.js
@@ -0,0 +1,40 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Operation completed`,
+        layerIndex3: `Network error`,
+        max: `background:url("./images/max-en.png") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-en.png);`,
+        img44: `background-image: url(./images/select-bg-en.png);`,
+        img5: `background: url('./images/apply-new-en.png') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-en.png`,
+        img3: `./images/apply-btn-basics-en.png`,
+        img6: `./images/record-en.png`,
+        img7: `./images/delay-btn-en.png`,
+        title_t: `Customized`,
+        text1: `Style: `,
+        text2: `Duration: `,
+        text3: `days`,
+        text4: `Text: `,
+        text5: `please enter...`,
+        text55: `13`,
+        text6: `Minimum 7 days required`,
+        text7: `Maximum duration reached`,
+        text8: `Select a style`,
+        text9: `Add text`,
+        text10: `Add 4 characters of text`,
+        text11: `No nameplates available`,
+        text12: `Successful`,
+        text13: 'Remaining',
+        text14: 'Application Records',
+        text15: 'No Application Records',
+        text16: 'Apply',
+        text17: 'Extend',
+        text18: 'In Progress',
+        text19: 'Rejected',
+        text20: 'Approved',
+    }
+
+}
--- a/view/molistar/activity/act-nameplate/local/zh.js
+++ b/view/molistar/activity/act-nameplate/local/zh.js
@@ -0,0 +1,39 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加載中...`,
+        layerIndex2: `操作完成`,
+        layerIndex3: `網路錯誤`,
+        max: `background:url("./images/max.png") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg.png);`,
+        img44: `background-image: url(./images/select-bg.png);`,
+        img5: `background: url('./images/apply-new.png') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn.png`,
+        img3: `./images/apply-btn-basics.png`,
+        img6: `./images/record.png`,
+        img7: `./images/delay-btn.png`,
+        title_t: `私人訂製`,
+        text1: `銘牌樣式：`,
+        text2: `申請時長：`,
+        text3: `天`,
+        text4: `銘牌文字：`,
+        text5: `請輸入4個字`,
+        text55: `4`,
+        text6: `銘牌至少申請7天`,
+        text7: `已達最大申請時長`,
+        text8: `請選擇樣式`,
+        text9: `請添加銘牌文字`,
+        text10: `請添加4個字的銘牌文字`,
+        text11: `暫時沒有銘牌可申請`,
+        text12: `申請成功`,
+        text13: `剩余`,
+        text14: `申请记录`,
+        text15: `暂无申请记录`,
+        text16: `申请`,
+        text17: `延长`,
+        text18: `申请中`,
+        text19: `不通过`,
+        text20: `已通过`,
+    }
+}
--- a/view/molistar/activity/act-nameplate/record.html
+++ b/view/molistar/activity/act-nameplate/record.html
@@ -9,7 +9,8 @@
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
-  <title>申请记录</title>
+  <title class="text14"></title>
+  <!-- 申请记录  -->

  <link rel="stylesheet" href="../../common/css/reset.css">
  <link rel="stylesheet" href="./css/record.css">
@@ -23,13 +24,17 @@
  </ul>
  <div class="no-record-wrap">
    <img src="./images/default.png" alt="">
-    <span>暂无申请记录</span>
+    <span class="text15"></span>
  </div>
  <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="./local/en.js"></script>
+  <script src="./local/zh.js"></script>
+  <script src="./local/ar.js"></script>
  <script src="./js/record.js"></script>
+  <script src="../../common/local/langHandler.js"></script>
 </body>

 </html>
--- a/view/molistar/activity/payAr/css/index.css
+++ b/view/molistar/activity/payAr/css/index.css
@@ -0,0 +1,853 @@
+html,
+body {
+  width: 100%;
+  background: #33004B;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.93333rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.50667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 11.97333rem;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto 0;
+}
+
+.header .records_icon {
+  width: 1.96rem;
+  height: 0.74667rem;
+  position: absolute;
+  right: 0;
+  top: 7.89333rem;
+}
+
+.header .rule_icon {
+  width: 1.96rem;
+  height: 0.74667rem;
+  position: absolute;
+  right: 0;
+  top: 8.77333rem;
+}
+
+.box1 {
+  position: relative;
+  width: 10rem;
+  height: 7.42667rem;
+  margin: -2rem auto 0;
+  background: url(../images/box1.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.box1 .box1_gift {
+  width: 7.85333rem;
+  height: 2.34667rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 2.61333rem;
+}
+
+.box1 .but {
+  width: 2.16rem;
+  height: 0.69333rem;
+  position: absolute;
+  top: 5.38667rem;
+  background: url(../images/befoBut.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.box1 .but1 {
+  left: 1.22667rem;
+}
+
+.box1 .but2 {
+  left: 3.90667rem;
+}
+
+.box1 .but3 {
+  left: 6.69333rem;
+}
+
+.box1 .act {
+  background: url(../images/butAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.box1 .actOut {
+  background: url(../images/but.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.box1 .query_icon {
+  width: 0.61333rem;
+  height: 0.61333rem;
+  position: absolute;
+  top: 0.89333rem;
+  right: 2.92rem;
+}
+
+.box1 .text {
+  width: 2.16rem;
+  height: 0.4rem;
+  line-height: 0.4rem;
+  text-align: center;
+  position: absolute;
+  top: 4.9rem;
+  color: #fff;
+  font-size: 0.24rem;
+  white-space: nowrap;
+}
+
+.box1 .text b {
+  color: #FEFD6E;
+}
+
+.box1 .text1 {
+  left: 1.22667rem;
+}
+
+.box1 .text2 {
+  left: 3.90667rem;
+}
+
+.box1 .text3 {
+  left: 6.69333rem;
+}
+
+.content {
+  width: 10rem;
+  height: 57.04rem;
+  background: url(../images/boxBg.png) no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  margin: 0 auto 0.26667rem;
+  overflow: hidden;
+}
+
+.content .time {
+  height: 0.94667rem;
+  line-height: 0.94667rem;
+  width: 100%;
+  text-align: center;
+  color: #FBF13A;
+  font-size: 0.32rem;
+  margin: 1.98667rem auto 0.54667rem;
+}
+
+.content .time span {
+  display: inline-block;
+  width: 0.72rem;
+  text-align: center;
+  height: 0.94667rem;
+  line-height: 0.94667rem;
+  background: url(../images/timeBg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content1 {
+  width: 8.46667rem;
+  height: 7.41333rem;
+  background: url(../images/content1.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+
+.content .content1 h3 {
+  width: 100%;
+  text-align: center;
+  color: #FEFD6E;
+  font-size: 0.37333rem;
+  position: absolute;
+  left: 0;
+  top: 0.58667rem;
+}
+
+.content .content1 .content1_gift {
+  width: 7.62667rem;
+  height: 2.4rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.56rem;
+}
+
+.content .content1 .but {
+  width: 2.97333rem;
+  height: 0.89333rem;
+  background: url(../images/bigBefoBut.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 5.89333rem;
+}
+
+.content .content1 .act {
+  background: url(../images/bigButAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content1 .actOut {
+  background: url(../images/bigBut.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content1 .text {
+  width: 2.16rem;
+  text-align: center;
+  position: absolute;
+  top: 4.08rem;
+  color: #FEFD6E;
+  font-size: 0.26667rem;
+  white-space: nowrap;
+}
+
+.content .content1 .text1 {
+  left: 0.50667rem;
+}
+
+.content .content1 .text2 {
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.content .content1 .text3 {
+  right: 0.6rem;
+}
+
+.content .content1 .schedule {
+  color: #fff;
+  font-size: 0.26667rem;
+  position: absolute;
+  left: 0;
+  top: 4.93333rem;
+  text-align: center;
+  width: 100%;
+}
+
+.content .content1 .schedule b {
+  color: #FEFD6E;
+}
+
+.content .content2 {
+  width: 8.46667rem;
+  height: 9.77333rem;
+  background: url(../images/content2.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+
+.content .content2 h3 {
+  width: 100%;
+  text-align: center;
+  color: #FEFD6E;
+  font-size: 0.37333rem;
+  position: absolute;
+  left: 0;
+  top: 0.58667rem;
+}
+
+.content .content2 .content2_gift {
+  width: 5.53333rem;
+  height: 5.48rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.42667rem;
+}
+
+.content .content2 .but {
+  width: 2.97333rem;
+  height: 0.89333rem;
+  background: url(../images/bigBefoBut.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 8.3rem;
+}
+
+.content .content2 .act {
+  background: url(../images/bigButAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content2 .actOut {
+  background: url(../images/bigBut.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content2 .text {
+  width: 2.16rem;
+  text-align: center;
+  position: absolute;
+  top: 3.98667rem;
+  color: #FEFD6E;
+  font-size: 0.26667rem;
+  white-space: nowrap;
+}
+
+.content .content2 .text1 {
+  left: 1.48rem;
+}
+
+.content .content2 .text2 {
+  right: 1.48rem;
+}
+
+.content .content2 .text3 {
+  top: 7.05333rem;
+  left: 1.48rem;
+}
+
+.content .content2 .text4 {
+  top: 7.05333rem;
+  right: 1.9rem;
+}
+
+.content .content2 .schedule {
+  color: #fff;
+  font-size: 0.26667rem;
+  position: absolute;
+  left: 0;
+  top: 7.69333rem;
+  text-align: center;
+  width: 100%;
+}
+
+.content .content2 .schedule b {
+  color: #FEFD6E;
+}
+
+.content .content3 {
+  width: 8.46667rem;
+  height: 9.77333rem;
+  background: url(../images/content3.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+
+.content .content3 h3 {
+  width: 100%;
+  text-align: center;
+  color: #FEFD6E;
+  font-size: 0.37333rem;
+  position: absolute;
+  left: 0;
+  top: 0.58667rem;
+}
+
+.content .content3 .content3_gift {
+  width: 7.52rem;
+  height: 5.48rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.42667rem;
+}
+
+.content .content3 .but {
+  width: 2.97333rem;
+  height: 0.89333rem;
+  background: url(../images/bigBefoBut.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 8.3rem;
+}
+
+.content .content3 .act {
+  background: url(../images/bigButAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content3 .actOut {
+  background: url(../images/bigBut.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content3 .text {
+  width: 2.16rem;
+  text-align: center;
+  position: absolute;
+  top: 3.98667rem;
+  color: #FEFD6E;
+  font-size: 0.26667rem;
+  white-space: nowrap;
+}
+
+.content .content3 .text1 {
+  left: 0.65333rem;
+}
+
+.content .content3 .text2 {
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.content .content3 .text3 {
+  right: 0.65333rem;
+}
+
+.content .content3 .text4 {
+  top: 7.05333rem;
+  left: 0.4rem;
+}
+
+.content .content3 .text5 {
+  top: 7.05333rem;
+  left: 48%;
+  transform: translateX(-50%);
+}
+
+.content .content3 .text6 {
+  top: 7.05333rem;
+  right: 0.73333rem;
+}
+
+.content .content3 .text6 b {
+  text-align: right;
+  position: absolute;
+  right: -0.1rem;
+}
+
+.content .content3 .schedule {
+  color: #fff;
+  font-size: 0.26667rem;
+  position: absolute;
+  left: 0;
+  top: 7.8rem;
+  text-align: center;
+  width: 100%;
+}
+
+.content .content3 .schedule b {
+  color: #FEFD6E;
+}
+
+.content .content4 {
+  width: 8.46667rem;
+  height: 12.78667rem;
+  background: url(../images/content4.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+
+.content .content4 h3 {
+  width: 100%;
+  text-align: center;
+  color: #FEFD6E;
+  font-size: 0.37333rem;
+  position: absolute;
+  left: 0;
+  top: 0.58667rem;
+}
+
+.content .content4 .content4_gift {
+  width: 7.66667rem;
+  height: 8.85333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.42667rem;
+}
+
+.content .content4 .but {
+  width: 2.97333rem;
+  height: 0.89333rem;
+  background: url(../images/bigBefoBut.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 11.4rem;
+}
+
+.content .content4 .act {
+  background: url(../images/bigButAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content4 .actOut {
+  background: url(../images/bigBut.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content4 .text {
+  width: 2.16rem;
+  text-align: center;
+  position: absolute;
+  top: 3.98667rem;
+  color: #FEFD6E;
+  font-size: 0.26667rem;
+  white-space: nowrap;
+}
+
+.content .content4 .text1 {
+  left: 0.65333rem;
+}
+
+.content .content4 .text2 {
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.content .content4 .text3 {
+  right: 0.65333rem;
+}
+
+.content .content4 .text4 {
+  top: 7.2rem;
+  left: 0.65333rem;
+}
+
+.content .content4 .text5 {
+  top: 7.2rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.content .content4 .text6 {
+  top: 7.2rem;
+  right: 0.93333rem;
+  white-space: nowrap;
+}
+
+.content .content4 .text7 {
+  top: 10.4rem;
+  left: 1.4rem;
+  text-align: left;
+}
+
+.content .content4 .text7 b {
+  text-align: right;
+  position: absolute;
+  right: -0;
+}
+
+.content .content4 .text8 {
+  top: 10.4rem;
+  right: 2rem;
+}
+
+.content .content4 .schedule {
+  color: #fff;
+  font-size: 0.26667rem;
+  position: absolute;
+  left: 0;
+  top: 10.93333rem;
+  text-align: center;
+  width: 100%;
+}
+
+.content .content4 .schedule b {
+  color: #FEFD6E;
+}
+
+.content .content5 {
+  width: 8.46667rem;
+  height: 12.78667rem;
+  background: url(../images/content4.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto 0;
+  position: relative;
+}
+
+.content .content5 h3 {
+  width: 100%;
+  text-align: center;
+  color: #FEFD6E;
+  font-size: 0.37333rem;
+  position: absolute;
+  left: 0;
+  top: 0.58667rem;
+}
+
+.content .content5 .content5_gift {
+  width: 7.66667rem;
+  height: 8.85333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 1.42667rem;
+}
+
+.content .content5 .but {
+  width: 2.97333rem;
+  height: 0.89333rem;
+  background: url(../images/bigBefoBut.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 11.4rem;
+}
+
+.content .content5 .act {
+  background: url(../images/bigButAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content5 .actOut {
+  background: url(../images/bigBut.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content5 .act {
+  background: url(../images/bigButAct.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.content .content5 .text {
+  width: 2.16rem;
+  text-align: center;
+  position: absolute;
+  top: 3.98667rem;
+  color: #FEFD6E;
+  font-size: 0.26667rem;
+  white-space: nowrap;
+}
+
+.content .content5 .text1 {
+  left: 0.65333rem;
+}
+
+.content .content5 .text2 {
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.content .content5 .text3 {
+  right: 0.65333rem;
+}
+
+.content .content5 .text4 {
+  top: 7.2rem;
+  left: 0.65333rem;
+}
+
+.content .content5 .text5 {
+  top: 7.2rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.content .content5 .text6 {
+  top: 7.2rem;
+  right: 0.93333rem;
+  white-space: nowrap;
+}
+
+.content .content5 .text7 {
+  top: 10.4rem;
+  left: 1.4rem;
+  text-align: left;
+}
+
+.content .content5 .text7 b {
+  text-align: right;
+  position: absolute;
+  right: -0rem;
+}
+
+.content .content5 .text8 {
+  top: 10.4rem;
+  right: 2rem;
+}
+
+.content .content5 .schedule {
+  color: #fff;
+  font-size: 0.26667rem;
+  position: absolute;
+  left: 0;
+  top: 10.93333rem;
+  text-align: center;
+  width: 100%;
+}
+
+.content .content5 .schedule b {
+  color: #FEFD6E;
+}
+
+.dayPub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+
+.dayPub .dayPub_in {
+  width: 7.65333rem;
+  height: 9.16rem;
+  background: url(../images/dayPub.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.dayPub .dayPub_in .close {
+  width: 0.5rem;
+  height: 0.5rem;
+  position: absolute;
+  top: 0.1rem;
+  right: 0.1rem;
+}
+
+.rulePub {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+
+.rulePub .rulePub_in {
+  width: 7.65333rem;
+  height: 9.16rem;
+  background: url(../images/rulePub.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.rulePub .rulePub_in .close {
+  width: 0.5rem;
+  height: 0.5rem;
+  position: absolute;
+  top: 0.1rem;
+  right: 0.1rem;
+}
+
+.not_records {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+
+.not_records .not_records_in {
+  width: 7.65333rem;
+  height: 7.97333rem;
+  background: url(../images/not_records.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.not_records .not_records_in .close {
+  width: 0.6rem;
+  height: 0.5rem;
+  position: absolute;
+  top: 0.2rem;
+  right: 0rem;
+}
+
+.records {
+  position: fixed;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 99;
+  display: none;
+}
+
+.records .records_in {
+  width: 7.65333rem;
+  height: 7.97333rem;
+  background: url(../images/records.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  overflow: hidden;
+}
+
+.records .records_in .close {
+  width: 0.53333rem;
+  height: 0.53333rem;
+  position: absolute;
+  top: 0rem;
+  right: 0rem;
+}
+
+.records .records_in .title {
+  width: 5.06667rem;
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  color: #fff;
+  font-size: 0.38667rem;
+  margin: 1.88rem auto 0.52rem;
+  font-weight: bold;
+}
+
+.records .records_in .title div {
+  width: 1.6rem;
+}
+
+.records .records_in ul {
+  width: 5.06667rem;
+  height: 4.5rem;
+  overflow-y: scroll;
+  margin: 0 auto;
+}
+
+.records .records_in ul::-webkit-scrollbar {
+  display: none;
+}
+
+.records .records_in ul li {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 0.30667rem;
+  color: #fff;
+  font-size: 0.32rem;
+  font-weight: bold;
+}
--- a/view/molistar/activity/payAr/css/index.scss
+++ b/view/molistar/activity/payAr/css/index.scss
@@ -0,0 +1,858 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #33004B;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(70);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(38);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(0);
+    }
+}
+
+.header {
+    width: px2rem(750);
+    height: px2rem(898);
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto 0;
+
+    .records_icon {
+        width: px2rem(147);
+        height: px2rem(56);
+        position: absolute;
+        right: 0;
+        top: px2rem(592);
+    }
+
+    .rule_icon {
+        width: px2rem(147);
+        height: px2rem(56);
+        position: absolute;
+        right: 0;
+        top: px2rem(658);
+    }
+
+}
+
+.box1 {
+    position: relative;
+    width: px2rem(750);
+    height: px2rem(557);
+    margin: -2rem auto 0;
+    background: url(../images/box1.png) no-repeat;
+    background-size: 100% 100%;
+
+    .box1_gift {
+        width: px2rem(589);
+        height: px2rem(176);
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        top: px2rem(196);
+    }
+
+    .but {
+        width: px2rem(162);
+        height: px2rem(52);
+        position: absolute;
+        top: px2rem(404);
+        background: url(../images/befoBut.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .but1 {
+        left: px2rem(92);
+    }
+
+    .but2 {
+        left: px2rem(293);
+    }
+
+    .but3 {
+        left: px2rem(502);
+    }
+
+    .act {
+        background: url(../images/butAct.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .actOut {
+        background: url(../images/but.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .query_icon {
+        width: px2rem(46);
+        height: px2rem(46);
+        position: absolute;
+        top: px2rem(67);
+        right: px2rem(219);
+    }
+
+    .text {
+        width: px2rem(162);
+        height: px2rem(30);
+        line-height: px2rem(30);
+        text-align: center;
+        position: absolute;
+        top: 4.9rem;
+        color: #fff;
+        font-size: px2rem(18);
+        white-space: nowrap;
+
+        b {
+            color: #FEFD6E;
+        }
+    }
+
+    .text1 {
+        left: px2rem(92);
+    }
+
+    .text2 {
+        left: px2rem(293);
+    }
+
+    .text3 {
+        left: px2rem(502);
+    }
+}
+
+.content {
+    width: px2rem(750);
+    height: px2rem(4278);
+    background: url(../images/boxBg.png) no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    margin: 0 auto px2rem(20);
+    overflow: hidden;
+
+    .time {
+        height: px2rem(71);
+        line-height: px2rem(71);
+        width: 100%;
+        text-align: center;
+        color: #FBF13A;
+        font-size: px2rem(24);
+        margin: px2rem(149) auto px2rem(41);
+
+        span {
+            display: inline-block;
+            width: px2rem(54);
+            text-align: center;
+            height: px2rem(71);
+            line-height: px2rem(71);
+            background: url(../images/timeBg.png) no-repeat;
+            background-size: 100% 100%;
+        }
+    }
+
+    .content1 {
+        width: px2rem(635);
+        height: px2rem(556);
+        background: url(../images/content1.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 0;
+        position: relative;
+
+        h3 {
+            width: 100%;
+            text-align: center;
+            color: #FEFD6E;
+            font-size: px2rem(28);
+            position: absolute;
+            left: 0;
+            top: px2rem(44);
+        }
+
+        .content1_gift {
+            width: px2rem(572);
+            height: px2rem(180);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(117);
+        }
+
+        .but {
+            width: px2rem(223);
+            height: px2rem(67);
+            background: url(../images/bigBefoBut.png) no-repeat;
+            background-size: 100% 100%;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(442);
+        }
+
+        .act {
+            background: url(../images/bigButAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .actOut {
+            background: url(../images/bigBut.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .text {
+            width: px2rem(162);
+            text-align: center;
+            position: absolute;
+            top: px2rem(306);
+            color: #FEFD6E;
+            font-size: px2rem(20);
+            white-space: nowrap;
+        }
+
+        .text1 {
+            left: px2rem(38);
+        }
+
+        .text2 {
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .text3 {
+            right: 0.6rem;
+        }
+
+        .schedule {
+            color: #fff;
+            font-size: px2rem(20);
+            position: absolute;
+            left: 0;
+            top: px2rem(370);
+            text-align: center;
+            width: 100%;
+
+            b {
+                color: #FEFD6E;
+            }
+        }
+    }
+
+    .content2 {
+        width: px2rem(635);
+        height: px2rem(733);
+        background: url(../images/content2.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 0;
+        position: relative;
+
+        h3 {
+            width: 100%;
+            text-align: center;
+            color: #FEFD6E;
+            font-size: px2rem(28);
+            position: absolute;
+            left: 0;
+            top: px2rem(44);
+        }
+
+        .content2_gift {
+            width: px2rem(415);
+            height: px2rem(411);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(107);
+        }
+
+        .but {
+            width: px2rem(223);
+            height: px2rem(67);
+            background: url(../images/bigBefoBut.png) no-repeat;
+            background-size: 100% 100%;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 8.3rem;
+        }
+
+        .act {
+            background: url(../images/bigButAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .actOut {
+            background: url(../images/bigBut.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .text {
+            width: px2rem(162);
+            text-align: center;
+            position: absolute;
+            top: px2rem(299);
+            color: #FEFD6E;
+            font-size: px2rem(20);
+            white-space: nowrap;
+        }
+
+        .text1 {
+            left: px2rem(111);
+        }
+
+        .text2 {
+            right: px2rem(111);
+        }
+
+        .text3 {
+            top: px2rem(529);
+            left: px2rem(111);
+        }
+
+        .text4 {
+            top: px2rem(529);
+            right: 1.9rem;
+        }
+
+        .schedule {
+            color: #fff;
+            font-size: px2rem(20);
+            position: absolute;
+            left: 0;
+            top: px2rem(577);
+            text-align: center;
+            width: 100%;
+
+            b {
+                color: #FEFD6E;
+            }
+        }
+    }
+
+    .content3 {
+        width: px2rem(635);
+        height: px2rem(733);
+        background: url(../images/content3.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 0;
+        position: relative;
+
+        h3 {
+            width: 100%;
+            text-align: center;
+            color: #FEFD6E;
+            font-size: px2rem(28);
+            position: absolute;
+            left: 0;
+            top: px2rem(44);
+        }
+
+        .content3_gift {
+            width: px2rem(564);
+            height: px2rem(411);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(107);
+        }
+
+        .but {
+            width: px2rem(223);
+            height: px2rem(67);
+            background: url(../images/bigBefoBut.png) no-repeat;
+            background-size: 100% 100%;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 8.3rem;
+        }
+
+        .act {
+            background: url(../images/bigButAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .actOut {
+            background: url(../images/bigBut.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .text {
+            width: px2rem(162);
+            text-align: center;
+            position: absolute;
+            top: px2rem(299);
+            color: #FEFD6E;
+            font-size: px2rem(20);
+            white-space: nowrap;
+        }
+
+        .text1 {
+            left: px2rem(49);
+        }
+
+        .text2 {
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .text3 {
+            right: px2rem(49);
+        }
+
+        .text4 {
+            top: px2rem(529);
+            left: px2rem(30);
+        }
+
+        .text5 {
+            top: px2rem(529);
+            left: 48%;
+            transform: translateX(-50%);
+        }
+
+        .text6 {
+            top: px2rem(529);
+            right: px2rem(55);
+
+            b {
+                text-align: right;
+                position: absolute;
+                right: -0.1rem;
+            }
+        }
+
+        .schedule {
+            color: #fff;
+            font-size: px2rem(20);
+            position: absolute;
+            left: 0;
+            top: px2rem(585);
+            text-align: center;
+            width: 100%;
+
+            b {
+                color: #FEFD6E;
+            }
+        }
+    }
+
+    .content4 {
+        width: px2rem(635);
+        height: px2rem(959);
+        background: url(../images/content4.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 0;
+        position: relative;
+
+        h3 {
+            width: 100%;
+            text-align: center;
+            color: #FEFD6E;
+            font-size: px2rem(28);
+            position: absolute;
+            left: 0;
+            top: px2rem(44);
+        }
+
+        .content4_gift {
+            width: px2rem(575);
+            height: px2rem(664);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(107);
+        }
+
+        .but {
+            width: px2rem(223);
+            height: px2rem(67);
+            background: url(../images/bigBefoBut.png) no-repeat;
+            background-size: 100% 100%;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 11.4rem;
+        }
+
+        .act {
+            background: url(../images/bigButAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .actOut {
+            background: url(../images/bigBut.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .text {
+            width: px2rem(162);
+            text-align: center;
+            position: absolute;
+            top: px2rem(299);
+            color: #FEFD6E;
+            font-size: px2rem(20);
+            white-space: nowrap;
+        }
+
+        .text1 {
+            left: px2rem(49);
+        }
+
+        .text2 {
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .text3 {
+            right: px2rem(49);
+        }
+
+        .text4 {
+            top: px2rem(540);
+            left: px2rem(49);
+        }
+
+        .text5 {
+            top: px2rem(540);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .text6 {
+            top: px2rem(540);
+            right: px2rem(70);
+            white-space: nowrap;
+        }
+
+        .text7 {
+            top: px2rem(780);
+            left: px2rem(105);
+            text-align: left;
+
+            b {
+                text-align: right;
+                position: absolute;
+                right: -0;
+            }
+        }
+
+        .text8 {
+            top: px2rem(780);
+            right: px2rem(150);
+        }
+
+        .schedule {
+            color: #fff;
+            font-size: px2rem(20);
+            position: absolute;
+            left: 0;
+            top: px2rem(820);
+            text-align: center;
+            width: 100%;
+
+            b {
+                color: #FEFD6E;
+            }
+        }
+    }
+
+    .content5 {
+        width: px2rem(635);
+        height: px2rem(959);
+        background: url(../images/content4.png) no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 0;
+        position: relative;
+
+        h3 {
+            width: 100%;
+            text-align: center;
+            color: #FEFD6E;
+            font-size: px2rem(28);
+            position: absolute;
+            left: 0;
+            top: px2rem(44);
+        }
+
+        .content5_gift {
+            width: px2rem(575);
+            height: px2rem(664);
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(107);
+        }
+
+        .but {
+            width: px2rem(223);
+            height: px2rem(67);
+            background: url(../images/bigBefoBut.png) no-repeat;
+            background-size: 100% 100%;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: 11.4rem;
+        }
+
+        .act {
+            background: url(../images/bigButAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .actOut {
+            background: url(../images/bigBut.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .act {
+            background: url(../images/bigButAct.png) no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .text {
+            width: px2rem(162);
+            text-align: center;
+            position: absolute;
+            top: px2rem(299);
+            color: #FEFD6E;
+            font-size: px2rem(20);
+            white-space: nowrap;
+        }
+
+        .text1 {
+            left: px2rem(49);
+        }
+
+        .text2 {
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .text3 {
+            right: px2rem(49);
+        }
+
+        .text4 {
+            top: px2rem(540);
+            left: px2rem(49);
+        }
+
+        .text5 {
+            top: px2rem(540);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .text6 {
+            top: px2rem(540);
+            right: px2rem(70);
+            white-space: nowrap;
+        }
+
+        .text7 {
+            top: px2rem(780);
+            left: px2rem(105);
+            text-align: left;
+
+            b {
+                text-align: right;
+                position: absolute;
+                right: -0rem;
+            }
+        }
+
+        .text8 {
+            top: px2rem(780);
+            right: px2rem(150);
+        }
+
+        .schedule {
+            color: #fff;
+            font-size: px2rem(20);
+            position: absolute;
+            left: 0;
+            top: px2rem(820);
+            text-align: center;
+            width: 100%;
+
+            b {
+                color: #FEFD6E;
+            }
+        }
+    }
+}
+
+.dayPub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .dayPub_in {
+        width: px2rem(574);
+        height: px2rem(687);
+        background: url(../images/dayPub.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .close {
+            width: 0.5rem;
+            height: 0.5rem;
+            position: absolute;
+            top: 0.1rem;
+            right: 0.1rem;
+        }
+    }
+}
+
+.rulePub {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .rulePub_in {
+        width: px2rem(574);
+        height: px2rem(687);
+        background: url(../images/rulePub.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .close {
+            width: 0.5rem;
+            height: 0.5rem;
+            position: absolute;
+            top: 0.1rem;
+            right: 0.1rem;
+        }
+    }
+}
+
+.not_records {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .not_records_in {
+        width: px2rem(574);
+        height: px2rem(598);
+        background: url(../images/not_records.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+
+        .close {
+            width: 0.6rem;
+            height: 0.5rem;
+            position: absolute;
+            top: 0.2rem;
+            right: 0rem;
+        }
+    }
+}
+
+.records {
+    position: fixed;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, .6);
+    z-index: 99;
+    display: none;
+
+    .records_in {
+        width: px2rem(574);
+        height: px2rem(598);
+        background: url(../images/records.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        overflow: hidden;
+
+        .close {
+            width: px2rem(40);
+            height: px2rem(40);
+            position: absolute;
+            top: 0rem;
+            right: 0rem;
+        }
+
+        .title {
+            width: px2rem(380);
+            text-align: center;
+            display: flex;
+            justify-content: space-between;
+            color: #fff;
+            font-size: px2rem(29);
+            margin: px2rem(141) auto px2rem(39);
+            font-weight: bold;
+
+            div {
+                width: px2rem(120);
+            }
+        }
+
+        ul {
+            width: px2rem(380);
+            height: 4.5rem;
+            overflow-y: scroll;
+            margin: 0 auto;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+
+            li {
+                display: flex;
+                justify-content: space-between;
+                margin-bottom: px2rem(23);
+                color: #fff;
+                font-size: px2rem(24);
+                font-weight: bold;
+            }
+        }
+    }
+}
--- a/view/molistar/activity/payAr/images/befoBut.png
+++ b/view/molistar/activity/payAr/images/befoBut.png
--- a/view/molistar/activity/payAr/images/bigBefoBut.png
+++ b/view/molistar/activity/payAr/images/bigBefoBut.png
--- a/view/molistar/activity/payAr/images/bigBut.png
+++ b/view/molistar/activity/payAr/images/bigBut.png
--- a/view/molistar/activity/payAr/images/bigButAct.png
+++ b/view/molistar/activity/payAr/images/bigButAct.png
--- a/view/molistar/activity/payAr/images/box1.png
+++ b/view/molistar/activity/payAr/images/box1.png
--- a/view/molistar/activity/payAr/images/box1_gift.png
+++ b/view/molistar/activity/payAr/images/box1_gift.png
--- a/view/molistar/activity/payAr/images/boxBg.png
+++ b/view/molistar/activity/payAr/images/boxBg.png
--- a/view/molistar/activity/payAr/images/but.png
+++ b/view/molistar/activity/payAr/images/but.png
--- a/view/molistar/activity/payAr/images/butAct.png
+++ b/view/molistar/activity/payAr/images/butAct.png
--- a/view/molistar/activity/payAr/images/close.png
+++ b/view/molistar/activity/payAr/images/close.png
--- a/view/molistar/activity/payAr/images/content1.png
+++ b/view/molistar/activity/payAr/images/content1.png
--- a/view/molistar/activity/payAr/images/content1_gift.png
+++ b/view/molistar/activity/payAr/images/content1_gift.png
--- a/view/molistar/activity/payAr/images/content2.png
+++ b/view/molistar/activity/payAr/images/content2.png
--- a/view/molistar/activity/payAr/images/content2_gift.png
+++ b/view/molistar/activity/payAr/images/content2_gift.png
--- a/view/molistar/activity/payAr/images/content3.png
+++ b/view/molistar/activity/payAr/images/content3.png
--- a/view/molistar/activity/payAr/images/content3_gift.png
+++ b/view/molistar/activity/payAr/images/content3_gift.png
--- a/view/molistar/activity/payAr/images/content4.png
+++ b/view/molistar/activity/payAr/images/content4.png
--- a/view/molistar/activity/payAr/images/content4_gift.png
+++ b/view/molistar/activity/payAr/images/content4_gift.png
--- a/view/molistar/activity/payAr/images/content5_gift.png
+++ b/view/molistar/activity/payAr/images/content5_gift.png
--- a/view/molistar/activity/payAr/images/dayPub.png
+++ b/view/molistar/activity/payAr/images/dayPub.png
--- a/view/molistar/activity/payAr/images/header.png
+++ b/view/molistar/activity/payAr/images/header.png
--- a/view/molistar/activity/payAr/images/not_records.png
+++ b/view/molistar/activity/payAr/images/not_records.png
--- a/view/molistar/activity/payAr/images/query_icon.png
+++ b/view/molistar/activity/payAr/images/query_icon.png
--- a/view/molistar/activity/payAr/images/records.png
+++ b/view/molistar/activity/payAr/images/records.png
--- a/view/molistar/activity/payAr/images/records_icon.png
+++ b/view/molistar/activity/payAr/images/records_icon.png
--- a/view/molistar/activity/payAr/images/rulePub.png
+++ b/view/molistar/activity/payAr/images/rulePub.png
--- a/view/molistar/activity/payAr/images/rule_icon.png
+++ b/view/molistar/activity/payAr/images/rule_icon.png
--- a/view/molistar/activity/payAr/images/timeBg.png
+++ b/view/molistar/activity/payAr/images/timeBg.png
--- a/view/molistar/activity/payAr/images/travel/back.png
+++ b/view/molistar/activity/payAr/images/travel/back.png
--- a/view/molistar/activity/payAr/index.html
+++ b/view/molistar/activity/payAr/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>مزايا إعادة الشحن الشهرية</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">
+        <!-- 记录 -->
+        <img src="./images/records_icon.png" alt="" class="records_icon">
+        <!-- 规则 -->
+        <img src="./images/rule_icon.png" alt="" class="rule_icon">
+    </div>
+    <!-- 盒子1 -->
+    <div class="box1">
+        <img src="./images/box1_gift.png" alt="" class="box1_gift">
+        <img src="./images/query_icon.png" alt="" class="query_icon">
+        <div class="but but1"></div>
+        <div class="but but2"></div>
+        <div class="but but3"></div>
+        <div class="text text1">
+            <b>0</b><span>/0.99</span>
+        </div>
+        <div class="text text2">
+            <b>0</b><span>/9.99</span>
+        </div>
+        <div class="text text3">
+            <b>0</b><span>/49.99</span>
+        </div>
+    </div>
+    <!-- 内容 -->
+    <div class="content">
+        <!-- 时间 -->
+        <div class="time">
+            <!-- يوم <span>00</span> العد التنازلي   <span>00</span> : <span>00</span> : <span>00</span>  -->
+            <span class="sp4">00</span> : <span class="sp3">00</span> : <span class="sp2">00</span> العد التنازلي <span
+                class="sp1">00</span> يوم
+        </div>
+        <!-- 内容1 -->
+        <div class="content1 contentss">
+            <h3>شحن 99.99 دولارًا أمريكيًا</h3>
+            <div class="text text1">إطار 30 يومًا</div>
+            <div class="text text2">VIP1لمدة 30 يوم</div>
+            <div class="text text3"> 100عملة ذهبية هدية </div>
+            <div class="schedule"><b>0</b><span>/99.99</span></div>
+            <img src="./images/content1_gift.png" alt="" class="content1_gift">
+            <div class="but"></div>
+        </div>
+        <!-- 内容2 -->
+        <div class="content2 contentss">
+            <h3>شحن 299.99 دولارًا أمريكيًا</h3>
+            <div class="text text1">VIP3لمدة 30 يوم</div>
+            <div class="text text2">إطار 30 يومًا</div>
+            <div class="text text3">دخلة لمدة 15 يوم</div>
+            <div class="text text4">3*500 عملة ذهبية هدية</div>
+            <div class="schedule"><b>0</b><span>/299.99</span></div>
+            <img src="./images/content2_gift.png" alt="" class="content2_gift">
+            <div class="but"></div>
+        </div>
+        <!-- 内容3 -->
+        <div class="content3 contentss">
+            <h3>شحن 799.99 دولارًا أمريكيًا</h3>
+            <div class="text text1">VIP5لمدة 30 يوم</div>
+            <div class="text text2">إطار 30 يومًا</div>
+            <div class="text text3">دخلة لمدة 15 يوم</div>
+            <div class="text text4">فقاعة دردشة 30 يوم</div>
+            <div class="text text5">3*1000عملة ذهبية هدية </div>
+            <div class="text text6">ألف عملة ذهبية <b>50</b></div>
+            <div class="schedule"><b>0</b><span>/799.99</span></div>
+            <img src="./images/content3_gift.png" alt="" class="content3_gift">
+            <div class="but"></div>
+        </div>
+        <!-- 内容4 -->
+        <div class="content4 contentss">
+            <h3>شحن 1499.99 دولارًا أمريكيًا</h3>
+            <div class="text text1">VIP7لمدة 30 يوم</div>
+            <div class="text text2">إطار 30 يومًا</div>
+            <div class="text text3">فقاعة دردشة 30 يوم</div>
+            <div class="text text4">دخلة لمدة 15 يوم</div>
+            <div class="text text5">بطاقة 30 يوم</div>
+            <div class="text text6">3*3000عملة ذهبية هدية</div>
+            <div class="text text7"><b>100</b> ألف عملة ذهبية</div>
+            <div class="text text8">خلفية الصفحة الشخصية 30 يوم</div>
+            <div class="schedule"><b>0</b><span>/1499.99</span></div>
+            <img src="./images/content4_gift.png" alt="" class="content4_gift">
+            <div class="but"></div>
+        </div>
+        <!-- 内容5 -->
+        <div class="content5 contentss">
+            <h3>شحن 2999.99 دولارًا أمريكيًا</h3>
+            <div class="text text1">VIP9لمدة 30 يوم</div>
+            <div class="text text2">إطار مخصص دائم</div>
+            <div class="text text3">فقاعة دردشة 30 يوم</div>
+            <div class="text text4">دخلة لمدة 15 يوم</div>
+            <div class="text text5">بطاقة 30 يوم</div>
+            <div class="text text6">3*7000عملة ذهبية هدية </div>
+            <div class="text text7"><b>200</b> ألف عملة ذهبية</div>
+            <div class="text text8">خلفية الصفحة الشخصية 30 يوم</div>
+            <div class="schedule"><b>0</b><span>/2999.99</span></div>
+            <img src="./images/content5_gift.png" alt="" class="content5_gift">
+            <div class="but"></div>
+        </div>
+    </div>
+    <!-- 每日福利弹窗 -->
+    <div class="dayPub">
+        <div class="dayPub_in">
+            <div class="close"></div>
+        </div>
+    </div>
+    <!-- 规则弹窗 -->
+    <div class="rulePub">
+        <div class="rulePub_in">
+            <div class="close"></div>
+        </div>
+    </div>
+    <!-- 没记录弹窗 -->
+    <div class="not_records">
+        <div class="not_records_in">
+            <div class="close"></div>
+        </div>
+    </div>
+    <!-- 记录弹窗 -->
+    <div class="records">
+        <div class="records_in">
+            <img src="./images/close.png" alt="" class="close">
+            <div class="title">
+                <div>المكافآت</div>
+                <div>الوقت</div>
+            </div>
+            <ul>
+                <li>
+                    <div>奖品15天</div>
+                    <div>2024/00/00</div>
+                </li>
+                <li>
+                    <div>奖品15天</div>
+                    <div>2024/00/00</div>
+                </li>
+            </ul>
+        </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="./js/index.js"></script>
--- a/view/molistar/activity/payAr/js/index.js
+++ b/view/molistar/activity/payAr/js/index.js
@@ -0,0 +1,261 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = "جار التحميل...") => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = "تم العملية بنجاح", time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var countupTime;//倒计时容器
+var isLock = true;
+var page = 1;
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    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)
+            }
+        })
+        getConfig();
+    }, 100)
+})
+// 配置接口
+function getConfig() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/rechargeBenefit/getConfig',
+        success(res) {
+            if (res.code === 200) {
+                // 每日活动
+                res.data.dailyTaskList.forEach((res, i) => {
+                    $(`.box1 .text${i + 1} b`).text(res.process);
+                    $(`.box1 .text${i + 1} span`).text(`/${res.condition}`);
+                    $(`.box1 .but${i + 1}`).attr('key', res.key)
+                    $(`.box1 .but${i + 1}`).attr('click', res.status)
+                    $(`.box1 .but${i + 1}`).removeClass('act').removeClass('actOut');
+                    if (res.status == 1) {
+                        $(`.box1 .but${i + 1}`).addClass('act');
+                    } else if (res.status == 2) {
+                        $(`.box1 .but${i + 1}`).addClass('actOut');
+                    }
+                })
+                // 处理月任务倒计时
+                countup(res.data.endTime - res.timestamp);
+                // 月任务
+                res.data.monthTaskList.forEach((res, i) => {
+                    $(`.content .content${i + 1} .schedule b`).text(res.process);
+                    $(`.content .content${i + 1} .schedule span`).text(`/${res.condition}`);
+                    $(`.content .content${i + 1} .but`).attr('key', res.key)
+                    $(`.content .content${i + 1} .but`).attr('click', res.status)
+                    $(`.content .content${i + 1} .but`).removeClass('act').removeClass('actOut');
+                    if (res.status == 1) {
+                        $(`.content .content${i + 1} .but`).addClass('act');
+                    } else if (res.status == 2) {
+                        $(`.content .content${i + 1} .but`).addClass('actOut');
+                    }
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg("خطأ في الشبكة")
+        }
+    })
+}
+// 倒計時
+function countup(leftTime) {
+    clearTimeout(countupTime)
+    //獲取當前時間
+    // var now = nowTime;
+    var d = 0;
+    var h = 0;
+    var m = 0;
+    var s = 0;
+    //定義變數 d,h,m,s保存倒計時的時間
+    var d, h, m, s;
+    //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 
+    if (leftTime > 0) {
+        d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
+        h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
+        m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
+        s = getzf(Math.floor(leftTime / 1000 % 60));
+        //將倒計時賦值到div中
+        $('.content .time .sp1').text(d);
+        $('.content .time .sp2').text(h);
+        $('.content .time .sp3').text(m);
+        $('.content .time .sp4').text(s);
+    } else {
+        // getConfig();
+    }
+    if (leftTime > 0) {
+        leftTime = leftTime - 1000;
+    }
+    countupTime = setTimeout(function () {
+        countup(leftTime);
+    }, 1000);
+}
+
+// 领取接口
+function draw(key) {
+    showLoading()
+    networkRequest({
+        type: 'post',
+        url: urlPrefix + '/act/rechargeBenefit/draw',
+        data: { key },
+        success(res) {
+            if (res.code === 200) {
+                getConfig();
+                toastMsg('تم الاستلام بنجاح')
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg("خطأ في الشبكة")
+        }
+    })
+}
+// 日任务领取按钮|月任务领取按钮
+$('.box1 .but,.content .contentss .but').click(function () {
+    var status = $(this).attr('click');
+    var key = $(this).attr('key');
+    if (status == 1) {
+        draw(key);
+    }
+})
+// 记录接口
+function pageRecord(page) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/act/rechargeBenefit/pageRecord',
+        data: { page, pageSize: 10 },
+        success(res) {
+            if (res.code === 200) {
+                if (res.data.rows.length == 0 && page == 1) {
+                    $('.not_records').show();
+                    isLock = false;
+                } else {
+                    var str = '';
+                    res.data.rows.forEach(res => {
+                        str += `
+                        <li>
+                            <div>${res.rewardDesc}</div>
+                            <div>${dateFormat(res.dateTime, 'yyyy/MM/dd')}</div>
+                        </li>`
+                    })
+                    $('.records .records_in ul').append(str);
+                    $('.records').show();
+                    isLock = true;
+                }
+                bodyScroolFun(true);
+            } else {
+                isLock = true;
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            isLock = true;
+            hideLoading(layerIndex)
+            toastMsg("خطأ في الشبكة")
+        }
+    })
+}
+// 打开领取记录按钮
+$('.header .records_icon').click(function () {
+    $('.records .records_in ul li').remove();
+    isLock = true;
+    page = 1;
+    pageRecord(page);
+})
+$('.records .records_in ul').scroll(function () {
+    let scrollTop = $(this).scrollTop()
+    let scrollHeight = $('.records .records_in ul')[0].scrollHeight
+    let ulHeight = $(this).innerHeight()
+    if (scrollTop + ulHeight + 100 >= scrollHeight) {
+        if (isLock) {
+            // 請求下一頁
+            page++;
+            pageRecord(page)
+            isLock = false;
+        }
+    }
+})
+// 关闭每日福利弹窗
+$('.dayPub .dayPub_in .close').click(function () {
+    $('.dayPub').hide();
+    bodyScroolFun(false);
+})
+// 关闭规则弹窗
+$('.rulePub .rulePub_in .close').click(function () {
+    $('.rulePub').hide();
+    bodyScroolFun(false);
+})
+// 打开规则弹窗
+$('.header .rule_icon').click(function () {
+    $('.rulePub').show();
+    bodyScroolFun(true);
+})
+// 关闭无记录弹窗
+$('.not_records .not_records_in .close').click(function () {
+    $('.not_records').hide();
+    bodyScroolFun(false);
+})
+// 关闭记录弹窗
+$('.records .records_in .close').click(function () {
+    $('.records').hide();
+    bodyScroolFun(false);
+})
+//補0操作  
+function getzf(num) {
+    if (parseInt(num) < 10) {
+        num = '0' + num;
+    }
+    return num;
+}
+$('.box1 .query_icon').click(function(){
+    $('.dayPub').show();
+    bodyScroolFun(true);
+})
--- a/view/molistar/common/js/common2.js
+++ b/view/molistar/common/js/common2.js
@@ -261,6 +261,9 @@ function convert(_url) {
 // 根据域名适配环境
 function EnvCheck() {
    if (window.location.href) {
+        if (window.location.pathname.match(/payAr/)) {
+            pubInfo['Accept-Language'] = "ar";
+        }
        var _url = window.location.host;
        var res = _url.match(/uat/);
        var res1 = _url.match(/120.79.211.243/);
@@ -823,6 +826,9 @@ function fuzzyMatchUpdateQueryStringParameterFun() {
    }
 }
 function langCodeFun(langCode) {
+    if (window.location.href.match(/guildAr/)) {
+        return
+    }
    var body = document.body;
    body.style.display = 'none';
    setTimeout(function () {
@@ -831,11 +837,13 @@ function langCodeFun(langCode) {
    if (langCode == "ar") {
        document.documentElement.setAttribute("dir", "rtl");
        document.body.classList.add('arabic');
-        
+
+    }else if(langCode == "en"){
+        document.body.classList.add('english');
+    }
    if (window.location.href.match(/guildAr/)) {
        document.documentElement.setAttribute("dir", "ltr");
    }
-    }
 }
 // 获取整条url
 function updateQueryStringParameter(uri, key, value) {
@@ -1000,6 +1008,16 @@ function fontConvert(fontConvertBool) {
 function unitProcessing(val, num, toFixeds, text) { //值 以什么为单位 保留几位小数 单位后最w
    return val >= num ? (Math.floor(val / 1000) / 10).toFixed(toFixeds) + text : val;
 }
+// 阿拉伯专用
+function unitProcessingAr(val, toFixeds) { //值 保留几位小数
+    if (val < 1000) {
+        return val;
+    } else if (val >= 1000 && val < 1000000) {
+        return (val / 1000).toFixed(toFixeds) + 'K'
+    } else if (val >= 1000000) {
+        return (val / 1000000).toFixed(toFixeds) + 'M'
+    }
+}
 // 封装 在ios环境中 配置公共参数的回调函数
 // 配合 methodsFromClient[infoName].ios 方法
 // written by zxfxiong
--- a/view/molistar/modules/charm/index.html
+++ b/view/molistar/modules/charm/index.html
@@ -34,7 +34,7 @@
  <script src="./local/en.js"></script>
  <script src="./local/zh.js"></script>
  <script src="./local/ar.js"></script>
-  <script src="js/index.js?v=2.4"></script>
+  <script src="js/index.js?v=2.5"></script>
  <script src="../../common/local/langHandler.js"></script>
 </body>

--- a/view/molistar/modules/charm/js/index.js
+++ b/view/molistar/modules/charm/js/index.js
@@ -56,7 +56,7 @@ $(function () {
        </p>
        <p class="user-charm">
          <img src="./images/heart.png" alt="" />
-          <span>${item.score}</span>
+          <span>${unitProcessingAr(item.score,1)}</span>
        </p>
      </div>`
      }
@@ -82,7 +82,7 @@ $(function () {
      </div>
      <p class="user-charm">
        <img src="./images/heart.png" alt="" />
-        <span>${item.score}</span>
+        <span>${unitProcessingAr(item.score,1)}</span>
      </p>
    </div>`
    })
@@ -127,13 +127,13 @@ $(function () {
          },
          error(err) {
            hideLoading(layerIndex)
-            toastMsg('網絡錯誤，請退出重進')
+            // toastMsg('網絡錯誤，請退出重進')
          }
        })
      },
      error(err) {
        hideLoading(layerIndex)
-        toastMsg('網絡錯誤，請退出重進')
+        // toastMsg('網絡錯誤，請退出重進')
      }
    })
  }
--- a/view/molistar/modules/gameRank/css/index.css
+++ b/view/molistar/modules/gameRank/css/index.css
@@ -0,0 +1,301 @@
+html,
+body {
+  width: 100%;
+  background: #fff;
+}
+
+.back {
+  width: 100%;
+  height: 0.58667rem;
+  line-height: 0.58667rem;
+  position: fixed;
+  left: 0;
+  top: 0.93333rem;
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 0.42667rem;
+  font-weight: bold;
+  z-index: 10;
+}
+
+.back img {
+  width: 0.58667rem;
+  height: 0.58667rem;
+  position: absolute;
+  left: 0.24rem;
+  top: 0rem;
+}
+
+.header {
+  width: 10rem;
+  height: 10.90667rem;
+  position: relative;
+  margin: 0 auto 0;
+  background: url(../images/header.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.header .tab {
+  position: absolute;
+  top: 1.90667rem;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: space-between;
+  background: rgba(255, 255, 255, 0.2);
+  height: 0.74667rem;
+  line-height: 0.74667rem;
+  border-radius: 0.74667rem;
+  font-size: 0.37333rem;
+  font-weight: 500;
+  overflow: hidden;
+}
+
+.header .tab div {
+  padding: 0rem 0.58667rem;
+  color: #fff;
+  text-align: center;
+  border-radius: 0.74667rem;
+}
+
+.header .tab .act {
+  background: #fff;
+  color: #83C2D2;
+}
+
+.header .no1 {
+  width: 7.14667rem;
+  height: 3.89333rem;
+  position: absolute;
+  top: 2.73333rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.header .no1 .ts {
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  position: absolute;
+}
+
+.header .no1 .tx {
+  width: 1.84rem;
+  height: 1.84rem;
+  border-radius: 50%;
+  position: absolute;
+  top: 1.22667rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.header .no1 .nick {
+  width: 53%;
+  text-align: center;
+  color: #B1784D;
+  font-size: 0.4rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.66667rem;
+  font-weight: 500;
+  padding-top: 0.1rem;
+}
+
+.header .no2 {
+  width: 3.54667rem;
+  height: 2.98667rem;
+  position: absolute;
+  top: 6.14667rem;
+  left: 0.09333rem;
+}
+
+.header .no2 .ts {
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  position: absolute;
+}
+
+.header .no2 .tx {
+  width: 1.84rem;
+  height: 1.84rem;
+  border-radius: 50%;
+  position: absolute;
+  top: 0.70667rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.header .no2 .nick {
+  width: 100%;
+  text-align: center;
+  color: #B1784D;
+  font-size: 0.4rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.06667rem;
+  font-weight: 500;
+  padding-top: 0.1rem;
+}
+
+.header .no3 {
+  width: 3.54667rem;
+  height: 2.98667rem;
+  position: absolute;
+  top: 6.14667rem;
+  right: 0.09333rem;
+}
+
+.header .no3 .ts {
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  position: absolute;
+}
+
+.header .no3 .tx {
+  width: 1.84rem;
+  height: 1.84rem;
+  border-radius: 50%;
+  position: absolute;
+  top: 0.70667rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.header .no3 .nick {
+  width: 100%;
+  text-align: center;
+  color: #B1784D;
+  font-size: 0.4rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 3.06667rem;
+  font-weight: 500;
+  padding-top: 0.1rem;
+}
+
+ul {
+  width: 10rem;
+  max-height: 11.3rem;
+  min-height: 6.66667rem;
+  background: linear-gradient(0deg, #FFFFFF 85%, #D2FEFF 100%);
+  position: relative;
+  margin: -0.66667rem auto 0;
+  box-sizing: border-box;
+  padding: 0.4rem 0;
+  border-radius: 0.77333rem 0.77333rem 0px 0px;
+  overflow-y: scroll;
+}
+
+ul::-webkit-scrollbar {
+  display: none;
+}
+
+ul .top {
+  width: 100%;
+  height: 2.13333rem;
+  position: absolute;
+  left: 0;
+  top: 0;
+  background: linear-gradient(0deg, #FFFFFF 0%, #D2FEFF 100%);
+}
+
+ul li {
+  width: 100%;
+  height: 1.12rem;
+  margin-bottom: 0.8rem;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0 0.88rem 0 0.61333rem;
+}
+
+ul li .num {
+  text-align: center;
+  color: #000000;
+  font-size: 0.37333rem;
+  margin-right: 0.32rem;
+  float: left;
+  font-weight: bold;
+  width: 0.8rem;
+  height: 100%;
+  line-height: 1.12rem;
+}
+
+ul li .tx {
+  width: 1.12rem;
+  height: 1.12rem;
+  border-radius: 50%;
+  float: left;
+  margin-right: 0.44rem;
+}
+
+ul li .nick {
+  width: 3rem;
+  height: 100%;
+  line-height: 1.12rem;
+  color: #000;
+  font-size: 0.37333rem;
+  font-weight: bold;
+  float: left;
+}
+
+ul li .score {
+  float: right;
+  line-height: 1.12rem;
+  height: 100%;
+}
+
+ul li .score img {
+  display: inline-block;
+  width: 0.37333rem;
+  height: 0.37333rem;
+  margin-top: 0.36rem;
+}
+
+ul li .score b {
+  color: #000;
+  font-weight: bold;
+}
+
+ul li:nth-child(1) .num {
+  width: 0.8rem;
+  height: 0.74667rem;
+  background: url(../images/num1.png) no-repeat;
+  background-size: 100% 100%;
+  margin-top: 0.17333rem;
+}
+
+ul li:nth-child(2) .num {
+  width: 0.8rem;
+  height: 0.74667rem;
+  background: url(../images/num2.png) no-repeat;
+  background-size: 100% 100%;
+  margin-top: 0.17333rem;
+}
+
+ul li:nth-child(3) .num {
+  width: 0.8rem;
+  height: 0.74667rem;
+  background: url(../images/num3.png) no-repeat;
+  background-size: 100% 100%;
+  margin-top: 0.17333rem;
+}
--- a/view/molistar/modules/gameRank/css/index.scss
+++ b/view/molistar/modules/gameRank/css/index.scss
@@ -0,0 +1,317 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #fff;
+}
+
+.back {
+    width: 100%;
+    height: px2rem(44);
+    line-height: px2rem(44);
+    position: fixed;
+    left: 0;
+    top: px2rem(70);
+    text-align: center;
+    color: #FFFFFF;
+    font-size: px2rem(32);
+    font-weight: bold;
+    z-index: 10;
+
+    img {
+        width: px2rem(44);
+        height: px2rem(44);
+        position: absolute;
+        left: px2rem(18);
+        top: px2rem(0);
+    }
+}
+
+.header {
+    width: px2rem(750);
+    height: px2rem(818);
+    position: relative;
+    margin: 0 auto 0;
+    background: url(../images/header.png) no-repeat;
+    background-size: 100% 100%;
+
+    .tab {
+        position: absolute;
+        top: px2rem(143);
+        left: 50%;
+        transform: translateX(-50%);
+        display: flex;
+        justify-content: space-between;
+        background: rgba(255, 255, 255, .2);
+        height: px2rem(56);
+        line-height: px2rem(56);
+        border-radius: px2rem(56);
+        font-size: px2rem(28);
+        font-weight: 500;
+        overflow: hidden;
+
+        div {
+            padding: px2rem(0) px2rem(44);
+            color: #fff;
+            text-align: center;
+            border-radius: px2rem(56);
+        }
+
+        .act {
+            background: #fff;
+            color: #83C2D2;
+        }
+    }
+
+    .no1 {
+        width: px2rem(536);
+        height: px2rem(292);
+        position: absolute;
+        top: px2rem(205);
+        left: 50%;
+        transform: translateX(-50%);
+
+        .ts {
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+            z-index: 2;
+            position: absolute;
+        }
+
+        .tx {
+            width: px2rem(138);
+            height: px2rem(138);
+            border-radius: 50%;
+            position: absolute;
+            top: px2rem(92);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .nick {
+            width: 53%;
+            text-align: center;
+            color: #B1784D;
+            font-size: px2rem(30);
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(275);
+            font-weight: 500;
+            padding-top: 0.1rem;
+
+        }
+    }
+
+    .no2 {
+        width: px2rem(266);
+        height: px2rem(224);
+        position: absolute;
+        top: px2rem(461);
+        left: px2rem(7);
+
+        .ts {
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+            z-index: 2;
+            position: absolute;
+        }
+
+        .tx {
+            width: px2rem(138);
+            height: px2rem(138);
+            border-radius: 50%;
+            position: absolute;
+            top: px2rem(53);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .nick {
+            width: 100%;
+            text-align: center;
+            color: #B1784D;
+            font-size: px2rem(30);
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(230);
+            font-weight: 500;
+            padding-top: 0.1rem;
+
+        }
+    }
+
+    .no3 {
+        width: px2rem(266);
+        height: px2rem(224);
+        position: absolute;
+        top: px2rem(461);
+        right: px2rem(7);
+
+        .ts {
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+            z-index: 2;
+            position: absolute;
+        }
+
+        .tx {
+            width: px2rem(138);
+            height: px2rem(138);
+            border-radius: 50%;
+            position: absolute;
+            top: px2rem(53);
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .nick {
+            width: 100%;
+            text-align: center;
+            color: #B1784D;
+            font-size: px2rem(30);
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(230);
+            font-weight: 500;
+            padding-top: 0.1rem;
+
+        }
+    }
+}
+
+ul {
+    width: px2rem(750);
+    max-height: 11.3rem;
+    min-height: px2rem(500);
+    background: linear-gradient(0deg, #FFFFFF 85%, #D2FEFF 100%);
+    position: relative;
+    margin: px2rem(-50) auto 0;
+    box-sizing: border-box;
+    padding: px2rem(30) 0;
+    border-radius: px2rem(58) px2rem(58) 0px 0px;
+    overflow-y: scroll;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+
+    .top {
+        width: 100%;
+        height: px2rem(160);
+        position: absolute;
+        left: 0;
+        top: 0;
+        background: linear-gradient(0deg, #FFFFFF 0%, #D2FEFF 100%);
+    }
+
+    li {
+        width: 100%;
+        height: px2rem(84);
+        margin-bottom: px2rem(60);
+        overflow: hidden;
+        box-sizing: border-box;
+        padding: 0 px2rem(66) 0 px2rem(46);
+
+        .num {
+            text-align: center;
+            color: #000000;
+            font-size: px2rem(28);
+            margin-right: px2rem(24);
+            float: left;
+            font-weight: bold;
+            width: px2rem(60);
+            height: 100%;
+            line-height: px2rem(84);
+        }
+
+        .tx {
+            width: px2rem(84);
+            height: px2rem(84);
+            border-radius: 50%;
+            float: left;
+            margin-right: px2rem(33);
+        }
+
+        .nick {
+            width: 3rem;
+            height: 100%;
+            line-height: px2rem(84);
+            color: #000;
+            font-size: px2rem(28);
+            font-weight: bold;
+            float: left;
+        }
+
+        .score {
+            float: right;
+            line-height: px2rem(84);
+            height: 100%;
+
+            img {
+                display: inline-block;
+                width: px2rem(28);
+                height: px2rem(28);
+                // vertical-align: middle;
+                margin-top: 0.36rem;
+            }
+
+            b {
+                color: #000;
+                font-weight: bold;
+                // margin-top: 0.1rem;
+                // vertical-align: middle;
+            }
+        }
+
+        &:nth-child(1) {
+            .num {
+                width: px2rem(60);
+                height: px2rem(56);
+                background: url(../images/num1.png) no-repeat;
+                background-size: 100% 100%;
+                margin-top: px2rem(13);
+            }
+        }
+
+        &:nth-child(2) {
+            .num {
+                width: px2rem(60);
+                height: px2rem(56);
+                background: url(../images/num2.png) no-repeat;
+                background-size: 100% 100%;
+                margin-top: px2rem(13);
+            }
+        }
+
+        &:nth-child(3) {
+            .num {
+                width: px2rem(60);
+                height: px2rem(56);
+                background: url(../images/num3.png) no-repeat;
+                background-size: 100% 100%;
+                margin-top: px2rem(13);
+            }
+        }
+    }
+}
--- a/view/molistar/modules/gameRank/css/rule.css
+++ b/view/molistar/modules/gameRank/css/rule.css
@@ -0,0 +1,27 @@
+html,
+body {
+  width: 100%;
+  background: #E7FEFF;
+}
+
+ul {
+  width: 10rem;
+  margin: 0 auto 0;
+  box-sizing: border-box;
+  padding: 0.4rem 0.4rem;
+}
+
+ul h3 {
+  font-weight: bold;
+  font-size: 0.4rem;
+  color: #47AEB3;
+  margin-bottom: 0.26667rem;
+  margin-top: 0.4rem;
+}
+
+ul p {
+  color: #6E8485;
+  font-size: 0.32rem;
+  margin-bottom: 0.13333rem;
+  line-height: 0.4rem;
+}
--- a/view/molistar/modules/gameRank/css/rule.scss
+++ b/view/molistar/modules/gameRank/css/rule.scss
@@ -0,0 +1,31 @@
+@function px2rem($px) {
+    @return $px / 75+rem;
+}
+
+html,
+body {
+    width: 100%;
+    background: #E7FEFF;
+}
+
+ul {
+    width: px2rem(750);
+    margin: 0 auto 0;
+    box-sizing: border-box;
+    padding: px2rem(30) px2rem(30);
+
+    h3 {
+        font-weight: bold;
+        font-size: px2rem(30);
+        color: #47AEB3;
+        margin-bottom: px2rem(20);
+        margin-top: px2rem(30);
+    }
+
+    p {
+        color: #6E8485;
+        font-size: px2rem(24);
+        margin-bottom: px2rem(10);
+        line-height: 0.4rem;
+    }
+}
--- a/view/molistar/modules/gameRank/images/gold.png
+++ b/view/molistar/modules/gameRank/images/gold.png
--- a/view/molistar/modules/gameRank/images/header.png
+++ b/view/molistar/modules/gameRank/images/header.png
--- a/view/molistar/modules/gameRank/images/logo.png
+++ b/view/molistar/modules/gameRank/images/logo.png
--- a/view/molistar/modules/gameRank/images/no1.png
+++ b/view/molistar/modules/gameRank/images/no1.png
--- a/view/molistar/modules/gameRank/images/no2.png
+++ b/view/molistar/modules/gameRank/images/no2.png
--- a/view/molistar/modules/gameRank/images/no3.png
+++ b/view/molistar/modules/gameRank/images/no3.png
--- a/view/molistar/modules/gameRank/images/num1.png
+++ b/view/molistar/modules/gameRank/images/num1.png
--- a/view/molistar/modules/gameRank/images/num2.png
+++ b/view/molistar/modules/gameRank/images/num2.png
--- a/view/molistar/modules/gameRank/images/num3.png
+++ b/view/molistar/modules/gameRank/images/num3.png
--- a/view/molistar/modules/gameRank/images/travel/back.png
+++ b/view/molistar/modules/gameRank/images/travel/back.png
--- a/view/molistar/modules/gameRank/images/travel/backB.png
+++ b/view/molistar/modules/gameRank/images/travel/backB.png
--- a/view/molistar/modules/gameRank/index.html
+++ b/view/molistar/modules/gameRank/index.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="titles"></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="titles"></b>
+    </div>
+    <!-- 头部 -->
+    <div class="header">
+        <!-- 日榜&周榜 -->
+        <div class="tab">
+            <div class="text1 act"></div>
+            <div class="text2"></div>
+        </div>
+        <!-- 前三 -->
+        <div class="no no1">
+            <img src="./images/no1.png" alt="" class="ts">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="nick text3"></div>
+        </div>
+        <div class="no no2">
+            <img src="./images/no2.png" alt="" class="ts">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="nick text3"></div>
+        </div>
+        <div class="no no3">
+            <img src="./images/no3.png" alt="" class="ts">
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="nick text3"></div>
+        </div>
+    </div>
+    <!-- 非前三 -->
+    <ul>
+        <!-- <li class="other">
+            <div class="num"></div>
+            <img src="./images/logo.png" alt="" class="tx">
+            <div class="nick">虚位以待</div>
+            <div class="score">
+                <img src="./images/gold.png" alt="">
+                <b>0</b>
+            </div>
+        </li> -->
+    </ul>
+</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="./local/ar.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./js/index.js"></script>
+<script src="../../common/local/langHandler.js"></script>
--- a/view/molistar/modules/gameRank/js/index.js
+++ b/view/molistar/modules/gameRank/js/index.js
@@ -0,0 +1,178 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+var langReplace;
+var localLang;
+let layerIndex;
+const showLoading = (content = langReplace(localLang.demoModule.text5)) => {
+    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.text6), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var num = 1;
+var datetype = 1;
+var isLock = true;
+// 初始化函數
+$(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();
+        get()
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.titles').text(langReplace(localLang.demoModule.titles));
+    $('.text1').text(langReplace(localLang.demoModule.text1));
+    $('.text2').text(langReplace(localLang.demoModule.text2));
+    $('.text3').text(langReplace(localLang.demoModule.text3));
+}
+// 配置接口
+function get(pageNum) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/allrank/geth5',
+        data: {
+            type: 4,
+            datetype,
+            uid: pubInfo.uid,
+            pageNum,
+            pageSize: 30,
+        },
+        success(res) {
+            if (res.code === 200) {
+                var str = '';
+                if (res.data.rankVoList.length == 0) {
+                    isLock = false;
+                }
+                var listTo3 = res.data.rankVoList.slice(0, 3);
+                var notListTo3 = res.data.rankVoList;
+                if (listTo3.length < 3) {
+                    let arr = new Array(3 - listTo3.length).fill({
+                        avatar: './images/logo.png',
+                        nick: langReplace(localLang.demoModule.text3),
+                        uid: null,
+                    })
+                    listTo3.push(...arr)
+                }
+                listTo3.forEach((res, i) => {
+                    $(`.header .no${i + 1} .ts`).attr("uid", res.uid);
+                    $(`.header .no${i + 1} .tx`).attr("src", res.avatar);
+                    $(`.header .no${i + 1} .nick`).text(res.nick);
+                })
+                notListTo3.forEach((res, i) => {
+                    str += `
+                        <li class="other">
+                            <div class="num">${i > 2 ? i + 1 : ''}</div>
+                            <img src="${res.avatar}" uid=${res.uid} alt="" class="tx">
+                            <div class="nick">${res.nick}</div>
+                            <div class="score">
+                                <img src="./images/gold.png" alt="">
+                                <b>${unitProcessingAr(res.totalNum, 1)}</b>
+                            </div>
+                        </li>
+                    `
+                })
+                $('ul').append(str);
+            } else {
+                isLock = true;
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            isLock = true;
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.text4))
+        }
+    })
+}
+// 切換日榜周榜
+$('.header .tab div').click(function () {
+    $(this).addClass('act').siblings().removeClass('act');
+    var i = $(this).index() + 1;
+    datetype = i;
+    pageNum = 1;
+    get(pageNum);
+    $('ul li').remove();
+})
+// 監聽滑動分頁
+$('ul').scroll(function () {
+    return;
+    let scrollTop = $(this).scrollTop()
+    let scrollHeight = $('ul')[0].scrollHeight
+    let ulHeight = $(this).innerHeight()
+    if (scrollTop + ulHeight + 100 >= scrollHeight) {
+        if (isLock) {
+            // 請求下一頁
+            page = page + 1;
+            get(pageNum);
+            isLock = false;
+        }
+    }
+})
+// 点击非前三跳转主页
+$('ul').on('click', 'li .tx', function () {
+    var uid = $(this).attr("uid");
+    if (browser.ios) {
+        window.webkit.messageHandlers.openPersonPage.postMessage(uid);
+        setTimeout(function () { lock = true; }, 200)
+    } else if (browser.android) {
+        if (androidJsObj && typeof androidJsObj === 'object') {
+            window.androidJsObj.openPersonPage(uid);
+        }
+    }
+})
+// 点击前三跳转主页
+$('.header .no .ts').click(function () {
+    var uid = $(this).attr("uid");
+    if (browser.ios) {
+        window.webkit.messageHandlers.openPersonPage.postMessage(uid);
+        setTimeout(function () { lock = true; }, 200)
+    } else if (browser.android) {
+        if (androidJsObj && typeof androidJsObj === 'object') {
+            window.androidJsObj.openPersonPage(uid);
+        }
+    }
+})
--- a/view/molistar/modules/gameRank/js/rule.js
+++ b/view/molistar/modules/gameRank/js/rule.js
@@ -0,0 +1,52 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let ruleMode = getQueryString().ruleMode;
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+var langReplace;
+var localLang;
+let layerIndex;
+const showLoading = (content = langReplace(localLang.demoModule.text5)) => {
+    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.text6), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+// 初始化函數
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+    }, 100)
+})
+function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.titleRule').html(langReplace(localLang.demoModule.titleRule));
+    if (ruleMode == 1) {
+        $('ul').html(langReplace(localLang.demoModule.ruleText1));
+    } else if (ruleMode == 2) {
+        $('ul').html(langReplace(localLang.demoModule.ruleText2));
+    }
+}
--- a/view/molistar/modules/gameRank/local/ar.js
+++ b/view/molistar/modules/gameRank/local/ar.js
@@ -0,0 +1,43 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        titles: `LUDO قائمة`,
+        text1: `اليومية`,
+        text2: `الأسبوعية`,
+        text3: `شاغر`,
+        text4: `خطأ في الشبكة`,
+        text5: `جار التحميل...`,
+        text6: `تم العملية`, titleRule: `قواعد اللعبة`,
+        ruleText1: `
+        <li>
+            <h3>الإقلاع من القاعدة</h3>
+            <p>رمي النرد للبدء باللعبة، والحصول على رمي إضافي؛ إذا حصلت على 6 ثلاث مرات متتالية، ينتهي الجولة.</p>
+        </li>
+        <li>
+            <h3>الفوز باللعبة</h3>
+            <p>يتطلب الوضع الكلاسيكي وصول 4 قطع إلى النهاية للفوز.</p>
+        </li>
+        <li>
+            <h3>العناصر المساعدة في اللعبة</h3>
+            <p>1. اللاعبون الذين يحصلون على "النرد الذهبي" يجب أن يرموا 6.</p>
+            <p>2. اللاعبون الذين يحصلون على "المغناطيس" يمكنهم التقدم 8 خطوات حتى يعوقهم الآخرون.</p>
+            <p>3. اللاعبون الذين يحصلون على "القنبلة" يمكنهم تفجير 8 خطوات، مما يؤدي إلى إزالة الخصم إلى القاعدة.</p>
+        </li>
+        `,
+        ruleText2: `
+        <li>
+            <h3>فتح المسار النهائي</h3>
+            <p>1. يمكنك دخول المسار النهائي فقط بعد قتل قطعة واحدة من أي لاعب آخر.</p>
+            <p>2. يتطلب الوضع السريع فقط وصول قطعة واحدة إلى النهاية للفوز.</p>
+        </li>
+        <li>
+            <h3>مكان آمن</h3>
+            <p>ستحمى قطعك من القتل عندما تكون على المربع البداية والمربع النجمي.</p>
+        </li>
+        <li>
+            <h3>سرعة اللعبة أسرع</h3>
+            <p>عند بدء اللعبة، هناك قطعة في نقطة البداية.</p>
+        </li>`
+    }
+}
--- a/view/molistar/modules/gameRank/local/en.js
+++ b/view/molistar/modules/gameRank/local/en.js
@@ -0,0 +1,44 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        titles: `LUDO Leaderboard`,
+        text1: `Daily Leaderboard`,
+        text2: `Weekly Leaderboard`,
+        text3: `Vacancy`,
+        text4: `Network Error`,
+        text5: `Loading...`,
+        text6: `Operation Completed`,
+        titleRule: `Game Rules`,
+        ruleText1: `
+        <li>
+            <h3>Take off from the base</h3>
+            <p>Throw 6 to start, and get 1 extra throw; if you throw 6 three times in a row, the round ends.</p>
+        </li>
+        <li>
+            <h3>Win the game</h3>
+            <p>Classic mode requires 4 pieces to reach the end to win.</p>
+        </li>
+        <li>
+            <h3>Game props</h3>
+            <p>1. Players who earn 'gold dice' must throw 6.</p>
+            <p>2. Players who earn the 'magnet' can advance 8 steps until blocked by others.</p>
+            <p>3. Players who earn the 'bomb' can bomb 8 steps, eliminating the opponent back to the base.</p>
+        </li>
+        `,
+        ruleText2: `
+        <li>
+            <h3>Unlock finish track</h3>
+            <p>1. You can enter the finish track only after killing 1 piece of any other player.</p>
+            <p>2. Quick Mode only requires one piece to reach the end to win.</p>
+        </li>
+        <li>
+            <h3>Safe place</h3>
+            <p>Your pieces will be protected from being killed on the starting square and the star square.</p>
+        </li>
+        <li>
+            <h3>Faster game pace</h3>
+            <p>When the game starts, there is a piece at the starting point.</p>
+        </li>`
+    }
+}
--- a/view/molistar/modules/gameRank/local/zh.js
+++ b/view/molistar/modules/gameRank/local/zh.js
@@ -0,0 +1,45 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        titles: `LUDO排行榜`,
+        text1: `日榜`,
+        text2: `周榜`,
+        text3: `虛位以待`,
+        text4: `網絡錯誤`,
+        text5: `加載中...`,
+        text6: `操作完成`,
+        titleRule: `遊戲規則`,
+        ruleText1: `
+        <li>
+            <h3>從基地出發</h3>
+            <p>投擲6開始出發，併獎勵1次額外的投擲，如果連續3次投擲6，則本輪結束</p>
+        </li>
+        <li>
+            <h3>贏得比賽</h3>
+            <p>經典模式需要4枚棋子達到終點才能獲勝</p>
+        </li>
+        <li>
+            <h3>遊戲道具</h3>
+            <p>1.贏得“金色骰子”的玩家必須投擲6。</p>
+            <p>2.贏得“磁鐵”的玩家可以嚮前進8步，直到被其他玩家阻擋。</p>
+            <p>3.贏得“炸彈”的玩家可以炸掉8步，將對手消滅併送回基地。</p>
+        </li>
+        `,
+        ruleText2: `
+        <li>
+            <h3>解鎖終點通道</h3>
+            <p>1.只有在消滅其他任何一位玩家的一枚棋子後，您才能進入終點通道。</p>
+            <p>2.快速模式只需要一枚棋子達到終點即可獲勝。</p>
+        </li>
+        <li>
+            <h3>安全區域</h3>
+            <p>在起點和星星方格上，您的棋子將受到保護，不會被消滅。</p>
+        </li>
+        <li>
+            <h3>遊戲節奏更快</h3>
+            <p>遊戲開始時，起點上有一枚棋子。</p>
+        </li>
+        `,
+    }
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
dragon	d553fa35a0	修改bug-爱的告白	2024-06-25 19:30:59 +08:00
dragon	734d2539d8	国际化铭牌申请	2024-06-25 11:00:07 +08:00
dragon	e1e9f97ae1	替换logo暂存	2024-06-24 16:11:55 +08:00
dragon	03dd7e47a6	修复榜单异常问题	2024-06-21 17:07:23 +08:00
dragon	87a93326b9	修复首页榜单样式	2024-06-21 16:34:46 +08:00
dragon	df4b647d2a	修改榜单单位	2024-06-21 16:13:53 +08:00
dragon	d7e7d04fc2	修改阿拉伯榜单	2024-06-20 17:11:58 +08:00
dragon	bcb54ec277	修复pk排行榜bug	2024-06-20 15:43:28 +08:00
dragon	986a9681cb	新增pk榜单	2024-06-18 10:46:46 +08:00
dragon	89e111b64f	修复阿拉伯充值bug	2024-06-17 09:56:00 +08:00
dragon	f9e0b60f87	修复充值阿拉伯bug	2024-06-17 09:56:00 +08:00
dragon	1f3c872153	新增阿拉伯充值活动	2024-06-17 09:55:59 +08:00
dragon	2c4c459d26	修复华语异常toast邀请活动	2024-06-15 01:34:42 +08:00
dragon	69a95330a6	修改邀请活动译文	2024-06-08 18:28:28 +08:00
dragon	8e5047b6d1	修改活动结束展示形式-邀请活动	2024-06-08 18:20:46 +08:00
dragon	0199291ed9	新增邀请活动活动结束提示语	2024-06-07 23:43:24 +08:00
dragon	08319ea5c5	修复游戏排行榜阿拉伯翻译	2024-06-07 17:19:21 +08:00
dragon	d476b6d4ac	修复游戏排行榜样式	2024-06-07 14:10:46 +08:00
dragon	1766b18307	优化账单	2024-06-07 11:11:40 +08:00
dragon	6d8f4561bd	游戏榜单传参修改	2024-06-07 09:51:54 +08:00
dragon	63b5055f3e	修复榜单排名异常	2024-06-07 09:51:54 +08:00
dragon	22b786539c	新增账单，优化阿拉伯公会，新增游戏排行榜	2024-06-07 09:51:54 +08:00
dragon	c34615193b	修复阿拉伯显示异常问题	2024-06-06 11:01:46 +08:00
dragon	2e32cddc87	修复时间选择器滑动异常问题	2024-06-05 18:33:46 +08:00
dragon	0ebbedcaa4	优化阿拉伯首页公会成员列表	2024-06-04 19:16:42 +08:00
dragon	7a1af74708	修改规则	2024-06-04 14:24:51 +08:00
dragon	00a377b59d	修改邀请好友奖励以及修复账单钻石账单异常	2024-06-04 11:56:17 +08:00
dragon	71af927e13	修改幸运礼物货币图标	2024-06-03 19:24:00 +08:00