压缩图片

重构榜单
恢复联调代码，并且更新提现登入页
2024-07-16 11:14:57 +08:00 · 2024-07-16 11:11:35 +08:00 · 2024-07-12 18:01:55 +08:00 · 2024-07-12 17:25:08 +08:00 · 2024-07-12 16:27:30 +08:00 · 2024-07-11 19:24:57 +08:00
266 changed files with 12549 additions and 652 deletions
--- a/view/molistar/activity/2024-cityLove/index.html
+++ b/view/molistar/activity/2024-cityLove/index.html
@@ -160,4 +160,4 @@
 <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>
+<script src="./js/index.js?v=1.2"></script>
--- a/view/molistar/activity/2024-invitationFission/index.html
+++ b/view/molistar/activity/2024-invitationFission/index.html
@@ -227,5 +227,5 @@
 <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="./js/index.js?v=1.4"></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
@@ -66,6 +66,7 @@ $(function () {
        setTimeout(function () {
            $('#body').show();
        }, 300)
+        $('.toatstsEnd').hide();
        if (getQueryString().lang == "en" || getQueryString().lang == "ar") {
            $('.toatstsEnd').text(langReplace(localLang.demoModule.endTimes))
        }else{
--- 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,10 +17,11 @@
  <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">
+  <link rel="stylesheet" href="./css/index.css?v=12">

  <script src="../../common/js/flexible.js"></script>
 </head>
@@ -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="./js/public.js?v=10"></script>
+  <script src="./local/en.js?v=1.0"></script>
+  <script src="./local/zh.js?v=1.0"></script>
+  <script src="./local/ar.js?v=1.0"></script>
+  <script src="./js/public.js?v=11"></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?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-ar.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg-ar.png?v=1.0);`,
+        img5: `background: url('./images/apply-new-ar.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-ar.png?v=1.0`,
+        img3: `./images/apply-btn-basics-ar.png?v=1.0`,
+        img6: `./images/record-ar.png?v=1.0`,
+        img7: `./images/delay-btn-ar.png?v=1.0`,
+        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?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-en.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg-en.png?v=1.0);`,
+        img5: `background: url('./images/apply-new-en.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-en.png?v=1.0`,
+        img3: `./images/apply-btn-basics-en.png?v=1.0`,
+        img6: `./images/record-en.png?v=1.0`,
+        img7: `./images/delay-btn-en.png?v=1.0`,
+        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?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg.png?v=1.0);`,
+        img5: `background: url('./images/apply-new.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn.png?v=1.0`,
+        img3: `./images/apply-btn-basics.png?v=1.0`,
+        img6: `./images/record.png?v=1.0`,
+        img7: `./images/delay-btn.png?v=1.0`,
+        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,10 +9,11 @@
  <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">
+  <link rel="stylesheet" href="./css/record.css?v=1.0">

  <script src="../../common/js/flexible.js"></script>
 </head>
@@ -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="./js/record.js"></script>
+  <script src="./local/en.js?v=1.0"></script>
+  <script src="./local/zh.js?v=1.0"></script>
+  <script src="./local/ar.js?v=1.0"></script>
+  <script src="./js/record.js?v=1.0"></script>
+  <script src="../../common/local/langHandler.js"></script>
 </body>

 </html>
--- a/view/molistar/activity/act-nameplateNew/css/index.css
+++ b/view/molistar/activity/act-nameplateNew/css/index.css
@@ -0,0 +1,516 @@
+@font-face {
+  font-family: 'pingfang-bold';
+  src: url("../../../common/fonts/PingFang Bold.ttf");
+  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
+}
+
+@font-face {
+  font-family: 'pingfang-medium';
+  src: url("../../../common/fonts/PingFang-Medium.ttf");
+  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
+}
+
+.max {
+  width: 10rem;
+  height: 34.02667rem;
+  background: url("../images/max.png?v=1.0") no-repeat;
+  background-size: 100% 100%;
+  font-family: 'pingfang-bold';
+}
+
+.max .record {
+  position: absolute;
+  position: absolute;
+  top: 6.61333rem;
+  right: 0;
+  width: 1.64rem;
+  height: 0.57333rem;
+}
+
+.max .record img {
+  width: 100%;
+  height: 100%;
+}
+
+.max .btn {
+  position: absolute;
+  top: 16.1rem;
+  left: 1.61rem;
+  width: 2.94667rem;
+  height: 1.46667rem;
+}
+
+.max .btn.basics-receive {
+  left: 5rem;
+}
+
+.max .btn.advance-send {
+  top: 23.34667rem;
+}
+
+.max .btn.advance-receive {
+  top: 23.34667rem;
+  left: 5rem;
+}
+
+.max .btn img {
+  width: 100%;
+  height: 100%;
+}
+
+.max .shade-mask,
+.max .shade-mask-delay,
+.max .shade-mask-new {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+
+.max .shade-mask .shade-content,
+.max .shade-mask .shade-content-delay,
+.max .shade-mask .shade-content-new,
+.max .shade-mask-delay .shade-content,
+.max .shade-mask-delay .shade-content-delay,
+.max .shade-mask-delay .shade-content-new,
+.max .shade-mask-new .shade-content,
+.max .shade-mask-new .shade-content-delay,
+.max .shade-mask-new .shade-content-new {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 9.28rem;
+  height: 8.18667rem;
+  background: url("../images/select-bg.png") no-repeat 0 0/100% 100%;
+}
+
+.max .shade-mask .shade-content .top,
+.max .shade-mask .shade-content-delay .top,
+.max .shade-mask .shade-content-new .top,
+.max .shade-mask-delay .shade-content .top,
+.max .shade-mask-delay .shade-content-delay .top,
+.max .shade-mask-delay .shade-content-new .top,
+.max .shade-mask-new .shade-content .top,
+.max .shade-mask-new .shade-content-delay .top,
+.max .shade-mask-new .shade-content-new .top {
+  position: absolute;
+  top: -0.8rem;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 8.81333rem;
+  height: 1.14667rem;
+  line-height: 1.14667rem;
+  background: url("../images/top-bg.png") no-repeat 0 0/100% 100%;
+  text-align: center;
+  color: #8525C9;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+.max .shade-mask .shade-content ul.select-ul,
+.max .shade-mask .shade-content-delay ul.select-ul,
+.max .shade-mask .shade-content-new ul.select-ul,
+.max .shade-mask-delay .shade-content ul.select-ul,
+.max .shade-mask-delay .shade-content-delay ul.select-ul,
+.max .shade-mask-delay .shade-content-new ul.select-ul,
+.max .shade-mask-new .shade-content ul.select-ul,
+.max .shade-mask-new .shade-content-delay ul.select-ul,
+.max .shade-mask-new .shade-content-new ul.select-ul {
+  white-space: nowrap;
+  width: 8rem;
+  max-height: 5.92rem;
+  margin: 1.94667rem auto 0;
+  text-align: center;
+  overflow-x: auto;
+}
+
+.max .shade-mask .shade-content ul.select-ul li,
+.max .shade-mask .shade-content-delay ul.select-ul li,
+.max .shade-mask .shade-content-new ul.select-ul li,
+.max .shade-mask-delay .shade-content ul.select-ul li,
+.max .shade-mask-delay .shade-content-delay ul.select-ul li,
+.max .shade-mask-delay .shade-content-new ul.select-ul li,
+.max .shade-mask-new .shade-content ul.select-ul li,
+.max .shade-mask-new .shade-content-delay ul.select-ul li,
+.max .shade-mask-new .shade-content-new ul.select-ul li {
+  position: relative;
+  width: 3.46667rem;
+  height: 2.66667rem;
+  background-color: #D575F0;
+  border-radius: 0.26667rem;
+  display: inline-block;
+  margin: 0 0.24rem;
+}
+
+.max .shade-mask .shade-content ul.select-ul li p,
+.max .shade-mask .shade-content-delay ul.select-ul li p,
+.max .shade-mask .shade-content-new ul.select-ul li p,
+.max .shade-mask-delay .shade-content ul.select-ul li p,
+.max .shade-mask-delay .shade-content-delay ul.select-ul li p,
+.max .shade-mask-delay .shade-content-new ul.select-ul li p,
+.max .shade-mask-new .shade-content ul.select-ul li p,
+.max .shade-mask-new .shade-content-delay ul.select-ul li p,
+.max .shade-mask-new .shade-content-new ul.select-ul li p {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.45333rem;
+  line-height: 0.45333rem;
+  border-radius: 0.16rem 0.05333rem;
+  background-color: #FF729C;
+  color: white;
+  font-size: 0.24rem;
+  font-weight: bold;
+  padding: 0.02667rem 0.21333rem;
+}
+
+.max .shade-mask .shade-content ul.select-ul li .nameplate,
+.max .shade-mask .shade-content-delay ul.select-ul li .nameplate,
+.max .shade-mask .shade-content-new ul.select-ul li .nameplate,
+.max .shade-mask-delay .shade-content ul.select-ul li .nameplate,
+.max .shade-mask-delay .shade-content-delay ul.select-ul li .nameplate,
+.max .shade-mask-delay .shade-content-new ul.select-ul li .nameplate,
+.max .shade-mask-new .shade-content ul.select-ul li .nameplate,
+.max .shade-mask-new .shade-content-delay ul.select-ul li .nameplate,
+.max .shade-mask-new .shade-content-new ul.select-ul li .nameplate {
+  position: absolute;
+  top: 34%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 2.74667rem;
+  height: 0.69333rem;
+  text-align: center;
+}
+
+.max .shade-mask .shade-content ul.select-ul li .nameplate img,
+.max .shade-mask .shade-content-delay ul.select-ul li .nameplate img,
+.max .shade-mask .shade-content-new ul.select-ul li .nameplate img,
+.max .shade-mask-delay .shade-content ul.select-ul li .nameplate img,
+.max .shade-mask-delay .shade-content-delay ul.select-ul li .nameplate img,
+.max .shade-mask-delay .shade-content-new ul.select-ul li .nameplate img,
+.max .shade-mask-new .shade-content ul.select-ul li .nameplate img,
+.max .shade-mask-new .shade-content-delay ul.select-ul li .nameplate img,
+.max .shade-mask-new .shade-content-new ul.select-ul li .nameplate img {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 2.74667rem;
+  height: 0.69333rem;
+}
+
+.max .shade-mask .shade-content ul.select-ul li .nameplate span,
+.max .shade-mask .shade-content-delay ul.select-ul li .nameplate span,
+.max .shade-mask .shade-content-new ul.select-ul li .nameplate span,
+.max .shade-mask-delay .shade-content ul.select-ul li .nameplate span,
+.max .shade-mask-delay .shade-content-delay ul.select-ul li .nameplate span,
+.max .shade-mask-delay .shade-content-new ul.select-ul li .nameplate span,
+.max .shade-mask-new .shade-content ul.select-ul li .nameplate span,
+.max .shade-mask-new .shade-content-delay ul.select-ul li .nameplate span,
+.max .shade-mask-new .shade-content-new ul.select-ul li .nameplate span {
+  position: absolute;
+  top: 0.21333rem;
+  left: 1.06667rem;
+  color: white;
+}
+
+.max .shade-mask .shade-content ul.select-ul li .delay-btn,
+.max .shade-mask .shade-content-delay ul.select-ul li .delay-btn,
+.max .shade-mask .shade-content-new ul.select-ul li .delay-btn,
+.max .shade-mask-delay .shade-content ul.select-ul li .delay-btn,
+.max .shade-mask-delay .shade-content-delay ul.select-ul li .delay-btn,
+.max .shade-mask-delay .shade-content-new ul.select-ul li .delay-btn,
+.max .shade-mask-new .shade-content ul.select-ul li .delay-btn,
+.max .shade-mask-new .shade-content-delay ul.select-ul li .delay-btn,
+.max .shade-mask-new .shade-content-new ul.select-ul li .delay-btn {
+  position: absolute;
+  left: -0.05333rem;
+  bottom: -0.05333rem;
+  width: 3.6rem;
+  height: 0.8rem;
+}
+
+.max .shade-mask .shade-content ul.select-ul li .delay-btn img,
+.max .shade-mask .shade-content-delay ul.select-ul li .delay-btn img,
+.max .shade-mask .shade-content-new ul.select-ul li .delay-btn img,
+.max .shade-mask-delay .shade-content ul.select-ul li .delay-btn img,
+.max .shade-mask-delay .shade-content-delay ul.select-ul li .delay-btn img,
+.max .shade-mask-delay .shade-content-new ul.select-ul li .delay-btn img,
+.max .shade-mask-new .shade-content ul.select-ul li .delay-btn img,
+.max .shade-mask-new .shade-content-delay ul.select-ul li .delay-btn img,
+.max .shade-mask-new .shade-content-new ul.select-ul li .delay-btn img {
+  width: 100%;
+  height: 100%;
+}
+
+.max .shade-mask .shade-content .apply-btn,
+.max .shade-mask .shade-content-delay .apply-btn,
+.max .shade-mask .shade-content-new .apply-btn,
+.max .shade-mask-delay .shade-content .apply-btn,
+.max .shade-mask-delay .shade-content-delay .apply-btn,
+.max .shade-mask-delay .shade-content-new .apply-btn,
+.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: 6.37333rem;
+  height: 0.82667rem;
+  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
+  margin: 0.64rem auto 0;
+}
+
+.max .shade-mask .shade-content .close,
+.max .shade-mask .shade-content-delay .close,
+.max .shade-mask .shade-content-new .close,
+.max .shade-mask-delay .shade-content .close,
+.max .shade-mask-delay .shade-content-delay .close,
+.max .shade-mask-delay .shade-content-new .close,
+.max .shade-mask-new .shade-content .close,
+.max .shade-mask-new .shade-content-delay .close,
+.max .shade-mask-new .shade-content-new .close {
+  position: absolute;
+  bottom: -1.33333rem;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 1.33333rem;
+  height: 1.33333rem;
+}
+
+.max .shade-mask .shade-content .close img,
+.max .shade-mask .shade-content-delay .close img,
+.max .shade-mask .shade-content-new .close img,
+.max .shade-mask-delay .shade-content .close img,
+.max .shade-mask-delay .shade-content-delay .close img,
+.max .shade-mask-delay .shade-content-new .close img,
+.max .shade-mask-new .shade-content .close img,
+.max .shade-mask-new .shade-content-delay .close img,
+.max .shade-mask-new .shade-content-new .close img {
+  width: 100%;
+  height: 100%;
+}
+
+.max .shade-mask-delay .shade-content-delay {
+  color: #AD0ED8;
+  font-size: 0.4rem;
+}
+
+.max .shade-mask-delay .shade-content-delay .nameplate-style {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 2rem 0 0;
+}
+
+.max .shade-mask-delay .shade-content-delay .nameplate-style div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 4.8rem;
+  height: 1.01333rem;
+  background: #D575F0;
+  border-radius: 0.26667rem;
+  position: relative;
+}
+
+.max .shade-mask-delay .shade-content-delay .nameplate-style div p {
+  width: 2.74667rem;
+  height: 0.68rem;
+  text-align: center;
+}
+
+.max .shade-mask-delay .shade-content-delay .nameplate-style div p img {
+  width: 100%;
+  height: 100%;
+}
+
+.max .shade-mask-delay .shade-content-delay .nameplate-style div p span {
+  position: relative;
+  top: -0.56rem;
+  left: 0.32rem;
+  color: white;
+  font-size: 0.32rem;
+}
+
+.max .shade-mask-delay .shade-content-delay .delay-time {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: -0.48rem;
+  margin-top: 0.64rem;
+}
+
+.max .shade-mask-delay .shade-content-delay .delay-time div {
+  display: flex;
+}
+
+.max .shade-mask-delay .shade-content-delay .delay-time div .decrease,
+.max .shade-mask-delay .shade-content-delay .delay-time div .increase {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+.max .shade-mask-delay .shade-content-delay .delay-time div p {
+  width: 2.13333rem;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  background: #D575F0;
+  border-radius: 0.4rem;
+  margin: 0 0.26667rem;
+  text-align: center;
+  color: white;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+.max .shade-mask-delay .shade-content-delay .apply-btn {
+  width: 6.37333rem;
+  height: 0.82667rem;
+  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
+  margin: 0.85333rem auto 0;
+}
+
+.max .shade-mask-new .shade-content-new {
+  height: 10.98667rem;
+  background-image: url("../images/new-bg.png");
+  color: #AD0ED8;
+  font-size: 0.4rem;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style {
+  display: flex;
+  justify-content: center;
+  margin: 1.68rem 0 0;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style span {
+  margin-top: 0.26667rem;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul {
+  max-height: 3.68rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li {
+  width: 4.8rem;
+  height: 1.01333rem;
+  background: #D575F0;
+  border-radius: 0.26667rem;
+  margin-bottom: 0.13333rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 0.04rem solid transparent;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li.active {
+  border: 0.04rem solid #9842F3;
+  background: #EEAFFF;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li div {
+  width: 2.74667rem;
+  height: 0.68rem;
+  text-align: center;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li div img {
+  width: 100%;
+  height: 100%;
+}
+
+.max .shade-mask-new .shade-content-new .nameplate-style ul.apply-new-ul li div span.nameplate-desc {
+  position: relative;
+  top: -0.56rem;
+  left: 0.32rem;
+  color: white;
+  font-size: 0.32rem;
+}
+
+.max .shade-mask-new .shade-content-new .new-nameplate-desc-wrap {
+  display: flex;
+  justify-content: center;
+  margin: 0.66667rem auto;
+}
+
+.max .shade-mask-new .shade-content-new .new-nameplate-desc-wrap input {
+  width: 4.8rem;
+  background: #E37CFF;
+  outline: none;
+  border-bottom: 0.02667rem solid #D575F0;
+  caret-color: #D9B8F4;
+  color: white;
+  font-size: 0.34667rem;
+  padding-bottom: 0.05333rem;
+}
+
+.max .shade-mask-new .shade-content-new .new-nameplate-desc-wrap input::placeholder {
+  color: white;
+}
+
+.max .shade-mask-new .shade-content-new .delay-time {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: -0.48rem;
+}
+
+.max .shade-mask-new .shade-content-new .delay-time div {
+  display: flex;
+}
+
+.max .shade-mask-new .shade-content-new .delay-time div .decrease,
+.max .shade-mask-new .shade-content-new .delay-time div .increase {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+.max .shade-mask-new .shade-content-new .delay-time div p {
+  width: 2.13333rem;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  background: #D575F0;
+  border-radius: 0.4rem;
+  margin: 0 0.26667rem;
+  text-align: center;
+  color: white;
+  font-size: 0.48rem;
+  font-weight: bold;
+}
+
+.max .shade-mask-new .shade-content-new .apply-btn {
+  width: 6.37333rem;
+  height: 0.82667rem;
+  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
+  margin: 0.61333rem auto 0;
+}
+
+.max .godiamond,
+.max .gocrystal {
+  position: fixed;
+  width: 2.26667rem;
+  height: 2.24rem;
+  top: 8rem;
+  right: 0.24rem;
+  background: url("../images/godiamond.png") no-repeat;
+  background-size: cover;
+}
+
+.max .gocrystal {
+  top: 10.66667rem;
+  background: url("../images/gocrystal.png") no-repeat;
+  background-size: cover;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+.english .max {
+  height: 35.76rem;
+}
--- a/view/molistar/activity/act-nameplateNew/css/index.scss
+++ b/view/molistar/activity/act-nameplateNew/css/index.scss
@@ -0,0 +1,434 @@
+@function px2rem($px) {
+  @return $px / 75+rem;
+}
+
+@font-face {
+  font-family: 'pingfang-bold';
+  src: url('../../../common/fonts/PingFang\ Bold.ttf');
+  src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
+    url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
+    url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
+}
+
+@font-face {
+  font-family: 'pingfang-medium';
+  src: url('../../../common/fonts/PingFang-Medium.ttf');
+  src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
+    url('../../../common/fonts/PingFang-Medium.ttf') format('truetype'),
+    url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
+}
+
+// @import '../../../common/css/flex.scss';
+.max {
+  width: px2rem(750);
+  height: px2rem(2552);
+  background: url('../images/max.png?v=1.0') no-repeat;
+  background-size: 100% 100%;
+  font-family: 'pingfang-bold';
+
+  .record {
+    position: absolute;
+    position: absolute;
+    top: px2rem(496);
+    right: 0;
+    width: px2rem(123);
+    height: px2rem(43);
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .btn {
+    position: absolute;
+    top: 16.1rem;
+    left: 1.61rem;
+    width: px2rem(221);
+    height: px2rem(110);
+
+    &.basics-receive {
+      left: 5rem;
+    }
+
+    &.advance-send {
+      top: 23.34667rem;
+    }
+
+    &.advance-receive {
+      top: 23.34667rem;
+      left: 5rem;
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .shade-mask,
+  .shade-mask-delay,
+  .shade-mask-new {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 9;
+    width: 100vw;
+    height: 100vh;
+    background-color: rgba($color: #000000, $alpha: .4);
+
+    .shade-content,
+    .shade-content-delay,
+    .shade-content-new {
+      position: absolute;
+      // top: px2rem(180);
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: px2rem(696);
+      height: px2rem(614);
+      background: url('../images/select-bg.png') no-repeat 0 0/100% 100%;
+
+      // background-color: #FFF1F5;
+      // border-radius: 0 0 px2rem(24) px2rem(24);
+      .top {
+        position: absolute;
+        top: px2rem(-60);
+        left: 50%;
+        transform: translateX(-50%);
+        width: px2rem(661);
+        height: px2rem(86);
+        line-height: px2rem(86);
+        background: url('../images/top-bg.png') no-repeat 0 0/100% 100%;
+        text-align: center;
+        color: #8525C9;
+        font-size: px2rem(36);
+        font-weight: bold;
+      }
+
+      ul.select-ul {
+        white-space: nowrap;
+        width: px2rem(600);
+        max-height: px2rem(444);
+        margin: px2rem(146) auto 0;
+        text-align: center;
+        overflow-x: auto;
+
+        li {
+          position: relative;
+          width: px2rem(260);
+          height: px2rem(200);
+          background-color: #D575F0;
+          border-radius: px2rem(20);
+          display: inline-block;
+          margin: 0 px2rem(18);
+
+          p {
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: px2rem(34);
+            line-height: px2rem(34);
+            border-radius: px2rem(12) px2rem(4);
+            background-color: #FF729C;
+            color: white;
+            font-size: px2rem(18);
+            font-weight: bold;
+            padding: px2rem(2) px2rem(16);
+          }
+
+          .nameplate {
+            position: absolute;
+            top: 34%;
+            left: 50%;
+            transform: translateX(-50%);
+            width: px2rem(206);
+            height: px2rem(52);
+            text-align: center;
+
+            img {
+              position: absolute;
+              top: 50%;
+              left: 50%;
+              transform: translate(-50%, -50%);
+              width: px2rem(206);
+              height: px2rem(52);
+            }
+
+            span {
+              position: absolute;
+              top: px2rem(16);
+              left: px2rem(80);
+              color: white;
+            }
+
+          }
+
+          .delay-btn {
+            position: absolute;
+            left: px2rem(-4);
+            bottom: px2rem(-4);
+            width: px2rem(270);
+            height: px2rem(60);
+
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+        }
+      }
+
+      .apply-btn {
+        width: px2rem(478);
+        height: px2rem(62);
+        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
+        margin: px2rem(48) auto 0;
+      }
+
+      .close {
+        position: absolute;
+        bottom: px2rem(-100);
+        left: 50%;
+        transform: translateX(-50%);
+        width: px2rem(100);
+        height: px2rem(100);
+
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+  }
+
+  .shade-mask-delay {
+    .shade-content-delay {
+      color: #AD0ED8;
+      font-size: px2rem(30);
+
+      .nameplate-style {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: px2rem(150) 0 0;
+
+        div {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: px2rem(360);
+          height: px2rem(76);
+          background: #D575F0;
+          border-radius: px2rem(20);
+          position: relative;
+
+          p {
+            width: px2rem(206);
+            height: px2rem(51);
+            text-align: center;
+
+            img {
+              width: 100%;
+              height: 100%;
+            }
+
+            span {
+              position: relative;
+              top: px2rem(-42);
+              left: px2rem(24);
+              color: white;
+              font-size: px2rem(24);
+            }
+          }
+        }
+      }
+
+      .delay-time {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: px2rem(-36);
+        margin-top: px2rem(48);
+
+        div {
+          display: flex;
+
+          .decrease,
+          .increase {
+            width: px2rem(60);
+            height: px2rem(60);
+          }
+
+          p {
+            width: px2rem(160);
+            height: px2rem(60);
+            line-height: px2rem(60);
+            background: #D575F0;
+            border-radius: px2rem(30);
+            margin: 0 px2rem(20);
+            text-align: center;
+            color: white;
+            font-size: px2rem(36);
+            font-weight: bold;
+          }
+        }
+      }
+
+      .apply-btn {
+        width: px2rem(478);
+        height: px2rem(62);
+        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
+        margin: px2rem(64) auto 0;
+      }
+    }
+  }
+
+  .shade-mask-new {
+    .shade-content-new {
+      height: px2rem(824);
+      background-image: url('../images/new-bg.png');
+      color: #AD0ED8;
+      font-size: px2rem(30);
+
+      .nameplate-style {
+        display: flex;
+        justify-content: center;
+        // padding: 0 px2rem(40);
+        margin: px2rem(126) 0 0;
+
+        span {
+          margin-top: px2rem(20);
+        }
+
+        ul.apply-new-ul {
+          max-height: px2rem(276);
+          overflow-y: auto;
+          overflow-x: hidden;
+
+          li {
+            width: px2rem(360);
+            height: px2rem(76);
+            background: #D575F0;
+            border-radius: px2rem(20);
+            margin-bottom: px2rem(10);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border: px2rem(3) solid transparent;
+
+            &.active {
+              border: px2rem(3) solid #9842F3;
+              background: #EEAFFF;
+            }
+
+            div {
+              width: px2rem(206);
+              height: px2rem(51);
+              text-align: center;
+
+              img {
+                width: 100%;
+                height: 100%;
+              }
+
+              span.nameplate-desc {
+                position: relative;
+                top: px2rem(-42);
+                left: px2rem(24);
+                color: white;
+                font-size: px2rem(24);
+              }
+            }
+          }
+        }
+      }
+
+      .new-nameplate-desc-wrap {
+        display: flex;
+        justify-content: center;
+        margin: px2rem(50) auto;
+
+        input {
+          width: px2rem(360);
+          background: #E37CFF;
+          outline: none;
+          border-bottom: px2rem(2) solid #D575F0;
+          caret-color: #D9B8F4;
+          color: white;
+          font-size: px2rem(26);
+          padding-bottom: px2rem(4);
+
+          &::placeholder {
+            color: white;
+          }
+        }
+      }
+
+      .delay-time {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-left: px2rem(-36);
+
+        div {
+          display: flex;
+
+          .decrease,
+          .increase {
+            width: px2rem(60);
+            height: px2rem(60);
+          }
+
+          p {
+            width: px2rem(160);
+            height: px2rem(60);
+            line-height: px2rem(60);
+            background: #D575F0;
+            border-radius: px2rem(30);
+            margin: 0 px2rem(20);
+            text-align: center;
+            color: white;
+            font-size: px2rem(36);
+            font-weight: bold;
+          }
+        }
+      }
+
+      .apply-btn {
+        width: px2rem(478);
+        height: px2rem(62);
+        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
+        margin: px2rem(46) auto 0;
+      }
+    }
+  }
+
+  .godiamond,
+  .gocrystal {
+    position: fixed;
+    width: px2rem(170);
+    height: px2rem(168);
+    top: px2rem(600);
+    right: px2rem(18);
+    background: url('../images/godiamond.png') no-repeat;
+    background-size: cover;
+  }
+
+  .gocrystal {
+    top: px2rem(800);
+    background: url('../images/gocrystal.png') no-repeat;
+    background-size: cover;
+  }
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+.english{
+  .max{
+    height: px2rem(2682);
+  }
+}
--- a/view/molistar/activity/act-nameplateNew/css/nobleHighRank.css
+++ b/view/molistar/activity/act-nameplateNew/css/nobleHighRank.css
@@ -0,0 +1,261 @@
+body,
+html {
+  width: 100%;
+  background: #201009;
+  overflow-x: hidden;
+}
+
+.header {
+  width: 10rem;
+  height: 11.37333rem;
+  background: url(../images/noble/header.png) no-repeat;
+  background-size: 100% 100%;
+  margin: 0 auto;
+  position: relative;
+}
+
+.header .applicationRecord {
+  width: 0.74667rem;
+  height: 2.13333rem;
+  background: url(../images/noble/applicationRecord.png) no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  right: 0;
+  top: 2.81333rem;
+}
+
+.header .applicationRecord a {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.header .content {
+  width: 8.8rem;
+  height: 1.86667rem;
+  background: linear-gradient(0deg, #EEB380 15%, #FBE3C7 93%);
+  border-radius: 0.10667rem;
+  position: absolute;
+  left: 50%;
+  top: 6.96rem;
+  transform: translateX(-50%);
+  text-align: center;
+}
+
+.header .content b {
+  color: #5C3009;
+  font-weight: bold;
+  margin: 0.45333rem 0 0.25333rem;
+  font-size: 0.4rem;
+  display: block;
+}
+
+.header .content p {
+  color: #5C3009;
+  font-size: 0.37333rem;
+}
+
+.list {
+  width: 8.8rem;
+  margin: -2rem auto 0;
+  position: relative;
+  z-index: 2;
+}
+
+.list li {
+  width: 8.8rem;
+  height: 7.29333rem;
+  margin-bottom: 1.08rem;
+  position: relative;
+}
+
+.list li img {
+  width: 3.92rem;
+  height: 1.05333rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 2.29333rem;
+}
+
+.list li .input_box {
+  width: 6.13333rem;
+  height: 0.85333rem;
+  line-height: 0.85333rem;
+  display: flex;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 2.05333rem;
+}
+
+.list li .input_box span {
+  flex: 1;
+  color: #fff;
+  font-size: 0.34667rem;
+}
+
+.list li .input_box input {
+  background: #58504B;
+  border-radius: 0.10667rem;
+  padding: 0rem 0.13333rem;
+  box-sizing: border-box;
+  width: 4.26667rem;
+  height: 0.85333rem;
+  color: #fff;
+  font-size: 0.34667rem;
+}
+
+.list li .but {
+  width: 4.4rem;
+  height: 0.96rem;
+  background: linear-gradient(0deg, #504C47 0%, #847A72 100%);
+  border-radius: 0.96rem;
+  line-height: 0.96rem;
+  text-align: center;
+  color: #D3CBC3;
+  font-size: 0.4rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 0.62667rem;
+}
+
+.list li .but_active {
+  background: linear-gradient(0deg, #EDB17C 0%, #FCE7CE 100%);
+  color: #5C3009;
+}
+
+.list li:nth-child(1) {
+  background: url(../images/noble/g_bg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.list li:nth-child(2) {
+  background: url(../images/noble/q_bg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.list li:nth-child(3) {
+  background: url(../images/noble/d_bg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.list li:nth-child(4) {
+  background: url(../images/noble/s_bg.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+input {
+  background: none;
+  outline: none;
+  border: none;
+}
+
+input::-webkit-input-placeholder {
+  color: #9B928D;
+  font-size: 0.34667rem;
+}
+
+@font-face {
+  font-family: 'pingfang-bold';
+  src: url("../../../common/fonts/PingFang Bold.ttf");
+  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
+}
+
+@font-face {
+  font-family: 'pingfang-medium';
+  src: url("../../../common/fonts/PingFang-Medium.ttf");
+  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
+}
+
+.max {
+  font-family: 'pingfang-medium';
+  padding: 0.4rem 0.4rem;
+  overflow-y: auto;
+}
+
+.max li {
+  display: flex;
+  align-items: center;
+  padding: 0.4rem 0.26667rem;
+  background: #2E2B2A;
+  margin-bottom: 0.32rem;
+  border-radius: 0.4rem;
+}
+
+.max li .nameplate-style {
+  width: 3.57333rem;
+  height: 1.28rem;
+  background: url(../images/noble/minpai_bg.png) no-repeat;
+  background-size: 100% 100%;
+  border-radius: 0.13333rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.max li .nameplate-style img {
+  width: 3.04rem;
+  height: 0.8rem;
+}
+
+.max li .nameplate-desc-wrap {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  margin-left: 0.10667rem;
+}
+
+.max li .nameplate-desc-wrap .nameplate-desc {
+  font-size: 0.4rem;
+  color: #FFFFFF;
+  margin-bottom: 0.05333rem;
+  margin-bottom: 0.21333rem;
+}
+
+.max li .nameplate-desc-wrap p span {
+  font-size: 0.26667rem;
+  color: #999999;
+}
+
+.max li .isPass {
+  width: 2.66667rem;
+  text-align: right;
+}
+
+.max li .isPass p {
+  font-family: 'pingfang-bold';
+  font-size: 0.4rem;
+  font-weight: bold;
+  color: #999;
+}
+
+.max li .isPass p.not-pass {
+  color: #FB486A;
+}
+
+.max li .isPass .result {
+  font-size: 0.26667rem;
+  color: #999999;
+  margin-top: 0.2rem;
+}
+
+.no-record-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+.no-record-wrap img {
+  width: 4.98667rem;
+  height: 5.2rem;
+  margin-bottom: -1.33333rem;
+}
+
+.no-record-wrap span {
+  color: #666;
+  font-size: 0.42667rem;
+}
--- a/view/molistar/activity/act-nameplateNew/css/nobleHighRank.scss
+++ b/view/molistar/activity/act-nameplateNew/css/nobleHighRank.scss
@@ -0,0 +1,272 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+
+body,
+html {
+    width: 100%;
+    background: #201009;
+    overflow-x: hidden;
+}
+
+.header {
+    width: px2rem(750, );
+    height: px2rem(853, );
+    background: url(../images/noble/header.png) no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto;
+    position: relative;
+
+    .applicationRecord {
+        width: px2rem(56, );
+        height: px2rem(160, );
+        background: url(../images/noble/applicationRecord.png) no-repeat;
+        background-size: 100% 100%;
+        position: absolute;
+        right: 0;
+        top: px2rem(211, );
+
+        a {
+            width: 100%;
+            height: 100%;
+            display: block;
+        }
+    }
+
+    .content {
+        width: px2rem(660, );
+        height: px2rem(140, );
+        background: linear-gradient(0deg, #EEB380 15%, #FBE3C7 93%);
+        border-radius: px2rem(8, );
+        position: absolute;
+        left: 50%;
+        top: px2rem(522, );
+        transform: translateX(-50%);
+        text-align: center;
+
+        b {
+            color: #5C3009;
+            font-weight: bold;
+            margin: px2rem(34, ) 0 px2rem(19, );
+            font-size: px2rem(30, );
+            display: block;
+        }
+
+        p {
+            color: #5C3009;
+            font-size: px2rem(28, );
+        }
+    }
+}
+
+.list {
+    width: px2rem(660, );
+    margin: -2rem auto 0;
+    position: relative;
+    z-index: 2;
+
+    li {
+        width: px2rem(660, );
+        height: px2rem(547, );
+        margin-bottom: px2rem(81, );
+        position: relative;
+
+        img {
+            width: px2rem(294, );
+            height: px2rem(79, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            top: px2rem(172, );
+        }
+
+        .input_box {
+            width: px2rem(460, );
+            height: px2rem(64, );
+            line-height: px2rem(64, );
+            display: flex;
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: px2rem(154, );
+
+            span {
+                flex: 1;
+                color: #fff;
+                font-size: px2rem(26, );
+            }
+
+            input {
+                background: #58504B;
+                border-radius: px2rem(8, );
+                padding: px2rem(0, ) px2rem(10, );
+                box-sizing: border-box;
+                width: px2rem(320, );
+                height: px2rem(64, );
+                color: #fff;
+                font-size: px2rem(26, );
+            }
+        }
+
+        .but {
+            width: px2rem(330, );
+            height: px2rem(72, );
+            background: linear-gradient(0deg, #504C47 0%, #847A72 100%);
+            border-radius: px2rem(72, );
+            line-height: px2rem(72, );
+            text-align: center;
+            color: #D3CBC3;
+            font-size: px2rem(30, );
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+            bottom: px2rem(47, );
+        }
+
+        .but_active {
+            background: linear-gradient(0deg, #EDB17C 0%, #FCE7CE 100%);
+            color: #5C3009;
+        }
+    }
+
+    li:nth-child(1) {
+        background: url(../images/noble/g_bg.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    li:nth-child(2) {
+        background: url(../images/noble/q_bg.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    li:nth-child(3) {
+        background: url(../images/noble/d_bg.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    li:nth-child(4) {
+        background: url(../images/noble/s_bg.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+input {
+    background: none;
+    outline: none;
+    border: none;
+}
+
+input::-webkit-input-placeholder {
+    color: #9B928D;
+    font-size: px2rem(26, );
+}
+
+// ==================================================================申请记录==========================================================
+@font-face {
+    font-family: 'pingfang-bold';
+    src: url('../../../common/fonts/PingFang\ Bold.ttf');
+    src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
+        url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
+        url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
+}
+
+@font-face {
+    font-family: 'pingfang-medium';
+    src: url('../../../common/fonts/PingFang-Medium.ttf');
+    src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
+        url('../../../common/fonts/PingFang-Medium.ttf') format('truetype'),
+        url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
+}
+
+.max {
+    font-family: 'pingfang-medium';
+    padding: px2rem(30, ) px2rem(30);
+    overflow-y: auto;
+
+    li {
+        display: flex;
+        align-items: center;
+        padding: px2rem(30) px2rem(20, );
+        background: #2E2B2A;
+        margin-bottom: px2rem(24, );
+        border-radius: px2rem(30, );
+
+        .nameplate-style {
+            width: px2rem(268);
+            height: px2rem(96);
+            background: url(../images/noble/minpai_bg.png) no-repeat;
+            background-size: 100% 100%;
+            border-radius: px2rem(10);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+
+            img {
+                width: px2rem(228);
+                height: px2rem(60);
+            }
+        }
+
+        .nameplate-desc-wrap {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            margin-left: px2rem(8);
+
+            .nameplate-desc {
+                font-size: px2rem(30);
+                color: #FFFFFF;
+                margin-bottom: px2rem(4);
+                margin-bottom: px2rem(16, );
+            }
+
+            p {
+                span {
+                    font-size: px2rem(20);
+                    color: #999999;
+                }
+            }
+        }
+
+        .isPass {
+            width: px2rem(200);
+            text-align: right;
+
+            p {
+                font-family: 'pingfang-bold';
+                font-size: px2rem(30);
+                font-weight: bold;
+                color: #999;
+
+                &.not-pass {
+                    color: #FB486A;
+                }
+            }
+
+            .result {
+                font-size: px2rem(20);
+                color: #999999;
+                margin-top: px2rem(15);
+            }
+        }
+    }
+}
+
+.no-record-wrap {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+
+    img {
+        width: px2rem(374);
+        height: px2rem(390);
+        margin-bottom: px2rem(-100);
+    }
+
+    span {
+        color: #666;
+        font-size: px2rem(32);
+    }
+}
--- a/view/molistar/activity/act-nameplateNew/css/record.css
+++ b/view/molistar/activity/act-nameplateNew/css/record.css
@@ -0,0 +1,99 @@
+@font-face {
+  font-family: 'pingfang-bold';
+  src: url("../../../common/fonts/PingFang Bold.ttf");
+  src: url("../../../common/fonts/PingFang Bold.ttf") format("woff"), url("../../../common/fonts/PingFang Bold.ttf") format("truetype"), url("../../../common/fonts/PingFang Bold.ttf") format("svg");
+}
+
+@font-face {
+  font-family: 'pingfang-medium';
+  src: url("../../../common/fonts/PingFang-Medium.ttf");
+  src: url("../../../common/fonts/PingFang-Medium.ttf") format("woff"), url("../../../common/fonts/PingFang-Medium.ttf") format("truetype"), url("../../../common/fonts/PingFang-Medium.ttf") format("svg");
+}
+
+.max {
+  font-family: 'pingfang-medium';
+  padding: 0 0.4rem;
+  height: 100vh;
+  overflow-y: auto;
+}
+
+.max li {
+  display: flex;
+  align-items: center;
+  border-bottom: 0.01333rem solid #F2E7FF;
+  padding: 0.4rem 0;
+}
+
+.max li .nameplate-style {
+  width: 2.93333rem;
+  height: 0.88rem;
+  background-color: #F2E7FF;
+  border-radius: 0.13333rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.max li .nameplate-style img {
+  width: 2.74667rem;
+  height: 0.68rem;
+}
+
+.max li .nameplate-desc-wrap {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  margin-left: 0.10667rem;
+}
+
+.max li .nameplate-desc-wrap .nameplate-desc {
+  font-size: 0.4rem;
+  color: #333333;
+  margin-bottom: 0.05333rem;
+}
+
+.max li .nameplate-desc-wrap p span {
+  font-size: 0.26667rem;
+  color: #999999;
+}
+
+.max li .isPass {
+  width: 2.66667rem;
+  text-align: right;
+}
+
+.max li .isPass p {
+  font-family: 'pingfang-bold';
+  font-size: 0.4rem;
+  font-weight: bold;
+  color: #9842F3;
+}
+
+.max li .isPass p.not-pass {
+  color: #E84C46;
+}
+
+.max li .isPass .result {
+  font-size: 0.26667rem;
+  color: #999999;
+  margin-top: 0.10667rem;
+}
+
+.no-record-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+.no-record-wrap img {
+  width: 4.98667rem;
+  height: 5.2rem;
+  margin-bottom: -1.33333rem;
+}
+
+.no-record-wrap span {
+  color: #666;
+  font-size: 0.42667rem;
+}
--- a/view/molistar/activity/act-nameplateNew/css/record.scss
+++ b/view/molistar/activity/act-nameplateNew/css/record.scss
@@ -0,0 +1,96 @@
+@function px2rem($px, $rem:75) {
+    @return $px / $rem+rem;
+}
+  
+@font-face{
+font-family: 'pingfang-bold';
+src: url('../../../common/fonts/PingFang\ Bold.ttf');
+src: url('../../../common/fonts/PingFang\ Bold.ttf') format('woff'),
+    url('../../../common/fonts/PingFang\ Bold.ttf') format('truetype'),
+    url('../../../common/fonts/PingFang\ Bold.ttf') format('svg');
+}
+
+@font-face{
+font-family: 'pingfang-medium';
+src: url('../../../common/fonts/PingFang-Medium.ttf');
+src: url('../../../common/fonts/PingFang-Medium.ttf') format('woff'),
+    url('../../../common/fonts/PingFang-Medium.ttf') format('truetype'),
+    url('../../../common/fonts/PingFang-Medium.ttf') format('svg');
+}
+
+.max{
+    font-family: 'pingfang-medium';
+    padding: 0 px2rem(30);
+    height: 100vh;
+    overflow-y: auto;
+    li{
+        display: flex;
+        align-items: center;
+        border-bottom: px2rem(1) solid #F2E7FF;
+        padding: px2rem(30) 0;
+        .nameplate-style{
+            width: px2rem(220);
+            height: px2rem(66);
+            background-color: #F2E7FF;
+            border-radius: px2rem(10);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            img{
+                width: px2rem(206);
+                height: px2rem(51);
+            }
+        }
+        .nameplate-desc-wrap{
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            margin-left: px2rem(8);
+            .nameplate-desc{
+                font-size: px2rem(30);
+                color: #333333;
+                margin-bottom: px2rem(4);
+            }
+            p{
+                span{
+                    font-size: px2rem(20);
+                    color: #999999;
+                }
+            }
+        }
+        .isPass{
+            width: px2rem(200);
+            text-align: right;
+            p{
+                font-family: 'pingfang-bold';
+                font-size: px2rem(30);
+                font-weight: bold;
+                color: #9842F3;
+                &.not-pass{
+                    color: #E84C46;
+                }
+            }
+            .result{
+                font-size: px2rem(20);
+                color: #999999;
+                margin-top: px2rem(8);
+            }
+        }
+    }
+}
+.no-record-wrap{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    img{
+        width: px2rem(374);
+        height: px2rem(390);
+        margin-bottom: px2rem(-100);
+    }
+    span{
+        color: #666;
+        font-size: px2rem(32);
+    }
+}
--- a/view/molistar/activity/act-nameplateNew/images/apply-btn-basics-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/apply-btn-basics-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/apply-btn-basics-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/apply-btn-basics-en.png
--- a/view/molistar/activity/act-nameplateNew/images/apply-btn-basics.png
+++ b/view/molistar/activity/act-nameplateNew/images/apply-btn-basics.png
--- a/view/molistar/activity/act-nameplateNew/images/apply-new-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/apply-new-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/apply-new-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/apply-new-en.png
--- a/view/molistar/activity/act-nameplateNew/images/apply-new.png
+++ b/view/molistar/activity/act-nameplateNew/images/apply-new.png
--- a/view/molistar/activity/act-nameplateNew/images/close.png
+++ b/view/molistar/activity/act-nameplateNew/images/close.png
--- a/view/molistar/activity/act-nameplateNew/images/confirm.png
+++ b/view/molistar/activity/act-nameplateNew/images/confirm.png
--- a/view/molistar/activity/act-nameplateNew/images/decrease.png
+++ b/view/molistar/activity/act-nameplateNew/images/decrease.png
--- a/view/molistar/activity/act-nameplateNew/images/default.png
+++ b/view/molistar/activity/act-nameplateNew/images/default.png
--- a/view/molistar/activity/act-nameplateNew/images/default1.png
+++ b/view/molistar/activity/act-nameplateNew/images/default1.png
--- a/view/molistar/activity/act-nameplateNew/images/delay-bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/delay-bg.png
--- a/view/molistar/activity/act-nameplateNew/images/delay-btn-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/delay-btn-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/delay-btn-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/delay-btn-en.png
--- a/view/molistar/activity/act-nameplateNew/images/delay-btn.png
+++ b/view/molistar/activity/act-nameplateNew/images/delay-btn.png
--- a/view/molistar/activity/act-nameplateNew/images/disabled-btn-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/disabled-btn-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/disabled-btn-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/disabled-btn-en.png
--- a/view/molistar/activity/act-nameplateNew/images/disabled-btn.png
+++ b/view/molistar/activity/act-nameplateNew/images/disabled-btn.png
--- a/view/molistar/activity/act-nameplateNew/images/gocrystal.png
+++ b/view/molistar/activity/act-nameplateNew/images/gocrystal.png
--- a/view/molistar/activity/act-nameplateNew/images/godiamond.png
+++ b/view/molistar/activity/act-nameplateNew/images/godiamond.png
--- a/view/molistar/activity/act-nameplateNew/images/increase.png
+++ b/view/molistar/activity/act-nameplateNew/images/increase.png
--- a/view/molistar/activity/act-nameplateNew/images/max-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/max-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/max-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/max-en.png
--- a/view/molistar/activity/act-nameplateNew/images/max.png
+++ b/view/molistar/activity/act-nameplateNew/images/max.png
--- a/view/molistar/activity/act-nameplateNew/images/new-bg-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/new-bg-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/new-bg-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/new-bg-en.png
--- a/view/molistar/activity/act-nameplateNew/images/new-bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/new-bg.png
--- a/view/molistar/activity/act-nameplateNew/images/noble/applicationRecord.png
+++ b/view/molistar/activity/act-nameplateNew/images/noble/applicationRecord.png
--- a/view/molistar/activity/act-nameplateNew/images/noble/d_bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/noble/d_bg.png
--- a/view/molistar/activity/act-nameplateNew/images/noble/g_bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/noble/g_bg.png
--- a/view/molistar/activity/act-nameplateNew/images/noble/header.png
+++ b/view/molistar/activity/act-nameplateNew/images/noble/header.png
--- a/view/molistar/activity/act-nameplateNew/images/noble/minpai_bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/noble/minpai_bg.png
--- a/view/molistar/activity/act-nameplateNew/images/noble/q_bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/noble/q_bg.png
--- a/view/molistar/activity/act-nameplateNew/images/noble/s_bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/noble/s_bg.png
--- a/view/molistar/activity/act-nameplateNew/images/record-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/record-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/record-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/record-en.png
--- a/view/molistar/activity/act-nameplateNew/images/record.png
+++ b/view/molistar/activity/act-nameplateNew/images/record.png
--- a/view/molistar/activity/act-nameplateNew/images/select-bg-ar.png
+++ b/view/molistar/activity/act-nameplateNew/images/select-bg-ar.png
--- a/view/molistar/activity/act-nameplateNew/images/select-bg-en.png
+++ b/view/molistar/activity/act-nameplateNew/images/select-bg-en.png
--- a/view/molistar/activity/act-nameplateNew/images/select-bg.png
+++ b/view/molistar/activity/act-nameplateNew/images/select-bg.png
--- a/view/molistar/activity/act-nameplateNew/index.html
+++ b/view/molistar/activity/act-nameplateNew/index.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+<script>
+  var _hmt = _hmt || [];
+  (function () {
+    var hm = document.createElement("script");
+    hm.src = "https://hm.baidu.com/hm.js?cfa5923c8195139cef029b2f20be2aba";
+    var s = document.getElementsByTagName("script")[0];
+    s.parentNode.insertBefore(hm, s);
+  })();
+</script>
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+  <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 class="title_t"></title>
+  <!-- 私人訂製 -->
+
+  <link rel="stylesheet" href="../../common/css/reset.css">
+  <link rel="stylesheet" href="./css/index.css?v=12">
+
+  <script src="../../common/js/flexible.js"></script>
+</head>
+
+<body>
+  <div class="max">
+    <div class="record">
+      <img src="./images/record.png" alt="">
+    </div>
+    
+    <div class="btn basics-send"><img src="./images/disabled-btn.png" alt=""></div>
+    <div class="btn basics-receive"><img src="./images/disabled-btn.png" alt=""></div>
+    <div class="btn advance-send"><img src="./images/disabled-btn.png" alt=""></div>
+    <div class="btn advance-receive"><img src="./images/disabled-btn.png" alt=""></div>
+
+    <!-- 选择弹窗 -->
+    <div class="shade-mask">
+      <div class="shade-content">
+        <!-- <div class="top">请选择</div> -->
+        <ul class="select-ul">
+          <!-- <li data-apply-day="70" data-nameplate-id="159" data-type="1">
+            <p>剩余7天</p>
+            <div class="nameplate">
+              <img src="http://image.uat.zhongjialx.com/FqVz-oYR2lzqfzIlZNM3BrA016cX?imageslim" alt="">
+              <span>piko看看</span>
+            </div>
+            <div class="delay-btn">
+              <img src="./images/delay-btn.png" alt="">
+            </div>
+          </li> -->
+        </ul>
+        <div class="apply-btn"></div>
+        <div class="close"><img src="./images/close.png" alt=""></div>
+      </div>
+    </div>
+
+    <!-- 延期弹窗 -->
+    <div class="shade-mask-delay">
+      <div class="shade-content-delay">
+        <!-- <div class="top">延期期限</div> -->
+        <div class="nameplate-style">
+          <span class="text1">铭牌样式：</span>
+          <div>
+            <p>
+              <img alt="">
+              <span></span>
+            </p>
+          </div>
+        </div>
+        <div class="delay-time">
+            <span class="text2">申请时长：</span>
+            <div>
+              <img src="./images/decrease.png" alt="" class="decrease">
+              <p><span></span><b class="text3">天</b></p>
+              <img src="./images/increase.png" alt="" class="increase">
+            </div>
+        </div>
+        <div class="apply-btn"></div>
+        <div class="close"><img src="./images/close.png" alt=""></div>
+      </div>
+    </div>
+
+    <!-- 申请新铭牌弹窗 -->
+    <div class="shade-mask-new">
+      <div class="shade-content-new">
+        <!-- <div class="top">申请新铭牌</div> -->
+        <div class="nameplate-style">
+          <span class="text1"></span>
+          <ul class="apply-new-ul">
+            
+          </ul>
+        </div>
+        <div class="new-nameplate-desc-wrap">
+          <span class="text4"></span>
+          <input class="text5" type="text" class="new-nameplate-desc" placeholder="" maxlength="">
+        </div>
+        <div class="delay-time">
+            <span class="text2"></span>
+            <div>
+              <img src="./images/decrease.png" alt="" class="decrease">
+              <p><span></span><b class="text3"></b></p>
+              <img src="./images/increase.png" alt="" class="increase">
+            </div>
+        </div>
+        <div class="apply-btn"></div>
+        <div class="close"><img src="./images/close.png" alt=""></div>
+      </div>
+    </div>
+  </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?v=1.0"></script>
+  <script src="./local/zh.js?v=1.0"></script>
+  <script src="./local/ar.js?v=1.0"></script>
+  <script src="./js/public.js?v=11"></script>
+  <script src="../../common/local/langHandler.js"></script>
+</body>
+
+</html>
--- a/view/molistar/activity/act-nameplateNew/js/nobleHighRank.js
+++ b/view/molistar/activity/act-nameplateNew/js/nobleHighRank.js
@@ -0,0 +1,92 @@
+
+let urlPrefix = getUrlPrefix();
+var browser = checkVersion();
+if (EnvCheck() === 'test') new VConsole
+// 封装layer消息提醒框
+let layerIndex
+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'
+    })
+}
+$(function () {
+    getInfoFromClient()
+    setTimeout(() => {
+        getVipNameplateList();
+    }, 50)
+})
+// 获取名牌列表
+function getVipNameplateList () {
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/vip/getVipNameplateList',
+        success (res) {
+            if (res.code == 200) {
+                res.data.forEach((res, index) => {
+                    $(`.list .li${index + 1} img`).attr('src', res.icon);
+                    $(`.list .li${index + 1} .but${index + 1}`).attr('isCouldApply', res.isCouldApply);
+                    $(`.list .li${index + 1} .but${index + 1}`).attr('nameplateId', res.nameplateId);
+                    if (res.isCouldApply) {
+                        $(`.list .li${index + 1} .but${index + 1}`).addClass('but_active');
+                    } else {
+                        $(`.list .li${index + 1} .but${index + 1}`).removeClass('but_active');
+                    }
+                });
+            }
+        },
+        error (err) {
+            toastMsg('網絡錯誤，請退出重進')
+        }
+    })
+}
+// 申请按钮
+$('.list li .but').click(function () {
+    var loca = $(this).attr('iscouldapply');
+    var val = $(this).siblings('.input_box').find('input').val();
+    var data = {
+        nameplateId: $(this).attr('nameplateId'),
+        text: val
+    }
+    console.log(data);
+    if (val == '') {
+        toastMsg('请输入铭牌文案');
+    } else {
+        if (loca == 'true') {
+            showLoading();
+            networkRequest({
+                type: 'POST',
+                url: urlPrefix + '/vip/vipMpApply',
+                data: data,
+                success (res) {
+                    if (res.code == 200) {
+                        hideLoading(layerIndex);
+                        $('.list li .input_box input').val('');
+                        getVipNameplateList();
+                    } else {
+                        toastMsg(res.message)
+                    }
+                },
+                error (err) {
+                    toastMsg('網絡錯誤，請退出重進')
+                }
+            })
+        } else {
+            console.log('暂不可申请');
+        }
+    }
+})
--- a/view/molistar/activity/act-nameplateNew/js/nobleHighRank_record.js
+++ b/view/molistar/activity/act-nameplateNew/js/nobleHighRank_record.js
@@ -0,0 +1,118 @@
+let urlPrefix = getUrlPrefix();
+if (EnvCheck() === 'test') new VConsole
+
+// 封装layer消息提醒框
+let layerIndex
+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'
+    })
+}
+
+let recordList = []
+let pageNumber = 1
+let pageSize = 20
+let canNext
+let isLock = true
+// 获取用户申请记录
+const getUserApplyRecord = () => {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/vip/vipMpApplyRecordList',
+        data: {
+            type : 7,
+            pageNumber,
+            pageSize
+        },
+        success (res) {
+            hideLoading(layerIndex)
+            if (res.code === 200) {
+                if (!res.data.length) {
+                    $('.max').hide()
+                } else {
+                    $('.no-record-wrap').hide()
+                }
+
+                if (res.data.length === pageSize) {
+                    // 能够继续请求下一页
+                    canNext = true
+                } else {
+                    canNext = false
+                }
+                recordList.push(...res.data)
+                renderRecord()
+                isLock = true
+            } else {
+                toastMsg(res.message)
+            }
+        },
+        error () {
+            hideLoading(layerIndex);
+            toastMsg('網絡錯誤')
+        }
+    })
+}
+// 渲染申请记录
+const renderRecord = () => {
+    let str = '';
+    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>${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>`) : ''
+            }
+                    
+                </div>
+            </li>
+        `
+    })
+    $('.max').html(str)
+}
+
+$(function () {
+    getInfoFromClient()
+    setTimeout(() => {
+        getUserApplyRecord()
+    }, 50)
+
+    // 监听滚动
+    $('ul').scroll(function () {
+        let scrollTop = $(this).scrollTop()
+        let scrollHeight = $('ul')[0].scrollHeight
+        let ulHeight = $(this).innerHeight()
+        if (scrollTop + ulHeight + 100 >= scrollHeight) {
+            if (isLock) {
+                // 请求下一页
+                if (canNext) {
+                    getUserApplyRecord(pageNumber++)
+                    isLock = false
+                }
+            }
+        }
+    })
+})
--- a/view/molistar/activity/act-nameplateNew/js/public.js
+++ b/view/molistar/activity/act-nameplateNew/js/public.js
@@ -0,0 +1,468 @@
+
+let urlPrefix = getUrlPrefix();
+var browser = checkVersion();
+var info = {};
+if (EnvCheck() === 'test') new VConsole
+// 封裝layer消息提醒框
+let layerIndex;
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+  layer.open({
+    type: 2,
+    shadeClose: false,
+    content,
+    success(e) {
+      layerIndex = $(e).attr('index')
+    }
+  })
+}
+const hideLoading = (index) => {
+  layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+  layer.open({
+    content,
+    time,
+    skin: 'msg'
+  })
+}
+
+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()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/nameplate/userNameplateInfo',
+    data: {
+      uid: pubInfo.uid
+    },
+    success(res) {
+      hideLoading(layerIndex);
+      if (res.code === 200) {
+        btnStatus = res.data
+        renderBtnStatus()
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      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 ? 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)
+        })
+      }
+    }
+  })
+}
+
+let userNameplateList = []
+// 獲取用戶已有銘牌列錶
+const getUserNameplateList = (type) => {
+  showLoading()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/nameplate/pickUserNameplate',
+    data: {
+      uid: pubInfo.uid,
+      type
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        if (!res.data.length) {
+          getNewNameplateList(type)
+        } else {
+          userNameplateList = res.data
+          renderNameplateList()
+        }
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+// 渲染銘牌列錶(選擇彈窗)
+const renderNameplateList = () => {
+  let str = ''
+  userNameplateList.map(item => {
+    str += `
+      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.nameplateId} data-type=${item.type} data-text=${item.fixedWord}>
+        <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="${langReplace(localLang.demoModule.img7)}" alt="">
+        </div>
+      </li>
+    `
+  })
+  $('.select-ul').html(str)
+
+  $('.shade-mask').show().siblings('.shade-mask-delay, .shade-mask-new').hide()
+  $('body').css('overflow', 'hidden')
+}
+
+
+let newNameplateList = []
+// 獲取新銘牌列錶
+const getNewNameplateList = (type) => {
+  showLoading()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/nameplate/getNameplateList',
+    data: {
+      uid: pubInfo.uid,
+      type
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        if (!res.data.length) {
+          toastMsg(langReplace(localLang.demoModule.text11))
+          return
+        }
+        newNameplateList = res.data
+        renderNewNameplateList()
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+let newNameplateId  //只有一個可選時，默認選中
+// 渲染申請新銘牌彈窗
+const renderNewNameplateList = () => {
+  let str = '';
+  newNameplateList.map(item => {
+    str += `
+      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.id} data-type=${item.type}>
+        <div>
+          <img src="${item.iconPic}" alt="">
+        </div>
+      </li>
+    `
+  })
+  $('.apply-new-ul').html(str)
+  if (newNameplateList.length === 1) {
+    let onlyLi = $('.apply-new-ul').find('li').eq(0);
+    newNameplateId = onlyLi.data('nameplateId');
+    onlyLi.addClass('active')
+  }
+  $('.shade-mask-new .delay-time div p span').html(newNameplateList[0].applyDay)
+  $('.shade-mask-new').show().siblings('.shade-mask, .shade-mask-delay').hide()
+  $('body').css('overflow', 'hidden')
+}
+
+// 確認延長期限
+const delayNamaplateConfirm = (params) => {
+  showLoading()
+  networkRequest({
+    type: 'POST',
+    url: urlPrefix + '/nameplate/applyUserNameplate',
+    data: {
+      uid: pubInfo.uid,
+      type: params.type,
+      nameplateId: params.nameplateId,
+      applyDay: params.applyDay,
+      applyType: params.applyType,
+      text: params.text
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        toastMsg(langReplace(localLang.demoModule.text12))
+        $('.shade-mask-delay').hide()
+        $('body').css('overflow', 'auto')
+        delayLock = false
+        setTimeout(() => {
+          location.reload()
+        }, 500)
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+// 確認申請新銘牌
+const applyNewNamaplateConfirm = (params) => {
+  showLoading()
+  networkRequest({
+    type: 'POST',
+    url: urlPrefix + '/nameplate/applyUserNameplate',
+    data: {
+      uid: pubInfo.uid,
+      type: params.type,
+      nameplateId: params.nameplateId,
+      applyDay: params.applyDay,
+      applyType: params.applyType,
+      text: params.text
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        toastMsg(langReplace(localLang.demoModule.text12))
+        $('.shade-mask-new').hide()
+        $('body').css('overflow', 'auto')
+        newApplyLock = false
+        setTimeout(() => {
+          location.reload()
+        }, 500)
+      } else {
+        newApplyLock = false
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+
--- a/view/molistar/activity/act-nameplateNew/js/record.js
+++ b/view/molistar/activity/act-nameplateNew/js/record.js
@@ -0,0 +1,131 @@
+let urlPrefix = getUrlPrefix();
+if (EnvCheck() === 'test') new VConsole
+
+// 封裝layer消息提醒框
+let layerIndex;
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+
+let recordList = []
+let pageNumber = 1
+let pageSize = 20
+let canNext
+let isLock = true
+// 获取用户申请记录
+const getUserApplyRecord = () => {
+    showLoading()
+    networkRequest({
+        type: 'GET',
+        url: urlPrefix + '/nameplate/getUserAuditRecord',
+        data: {
+            uid: pubInfo.uid,
+            pageNumber,
+            pageSize
+        },
+        success(res) {
+            hideLoading(layerIndex)
+            if (res.code === 200) {
+                if (!res.data.length) {
+                    $('.max').hide()
+                } else {
+                    $('.no-record-wrap').hide()
+                }
+
+                if (res.data.length === pageSize) {
+                    // 能够继续请求下一页
+                    canNext = true
+                } else {
+                    canNext = false
+                }
+                recordList.push(...res.data)
+                renderRecord()
+                isLock = true
+            } else {
+                toastMsg(res.message)
+            }
+        },
+        error() {
+            hideLoading(layerIndex);
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 渲染申请记录
+const renderRecord = () => {
+    let str = '';
+    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 ? 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 ? 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>
+        `
+    })
+    $('.max').html(str)
+}
+
+$(function () {
+    getInfoFromClient()
+    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 () {
+        let scrollTop = $(this).scrollTop()
+        let scrollHeight = $('ul')[0].scrollHeight
+        let ulHeight = $(this).innerHeight()
+        if (scrollTop + ulHeight + 100 >= scrollHeight) {
+            if (isLock) {
+                // 请求下一页
+                if (canNext) {
+                    getUserApplyRecord(pageNumber++)
+                    isLock = false
+                }
+            }
+        }
+    })
+})
--- a/view/molistar/activity/act-nameplateNew/local/ar.js
+++ b/view/molistar/activity/act-nameplateNew/local/ar.js
@@ -0,0 +1,40 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `التحميل...`,
+        layerIndex2: `اكتمال العملية`,
+        layerIndex3: `خطأ في الشبكة`,
+        max: `background:url("./images/max-ar.png?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-ar.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg-ar.png?v=1.0);`,
+        img5: `background: url('./images/apply-new-ar.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-ar.png?v=1.0`,
+        img3: `./images/apply-btn-basics-ar.png?v=1.0`,
+        img6: `./images/record-ar.png?v=1.0`,
+        img7: `./images/delay-btn-ar.png?v=1.0`,
+        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-nameplateNew/local/en.js
+++ b/view/molistar/activity/act-nameplateNew/local/en.js
@@ -0,0 +1,40 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Operation completed`,
+        layerIndex3: `Network error`,
+        max: `background:url("./images/max-en.png?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-en.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg-en.png?v=1.0);`,
+        img5: `background: url('./images/apply-new-en.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-en.png?v=1.0`,
+        img3: `./images/apply-btn-basics-en.png?v=1.0`,
+        img6: `./images/record-en.png?v=1.0`,
+        img7: `./images/delay-btn-en.png?v=1.0`,
+        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-nameplateNew/local/zh.js
+++ b/view/molistar/activity/act-nameplateNew/local/zh.js
@@ -0,0 +1,39 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加載中...`,
+        layerIndex2: `操作完成`,
+        layerIndex3: `網路錯誤`,
+        max: `background:url("./images/max.png?v=1.0") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg.png?v=1.0);`,
+        img44: `background-image: url(./images/select-bg.png?v=1.0);`,
+        img5: `background: url('./images/apply-new.png?v=1.0') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn.png?v=1.0`,
+        img3: `./images/apply-btn-basics.png?v=1.0`,
+        img6: `./images/record.png?v=1.0`,
+        img7: `./images/delay-btn.png?v=1.0`,
+        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-nameplateNew/nobleHighRank.html
+++ b/view/molistar/activity/act-nameplateNew/nobleHighRank.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+    <title>定制贵族专属铭牌</title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/nobleHighRank.css?v=1.1">
+    <script src="../../common/js/flexible.js"></script>
+</head>
+
+<body>
+    <div class="header">
+        <div class="applicationRecord"><a href="./nobleHighRank_record.html"></a></div>
+        <div class="content">
+            <b>贵族可以支持铭牌内容自定义啦～</b>
+            <p>(仅支持公爵以上贵族等级哦)</p>
+        </div>
+    </div>
+    <ul class='list'>
+        <li class="li1">
+            <img src="" alt="">
+            <div class="input_box">
+                <span>铭牌文案：</span>
+                <input type="text" maxlength='4' placeholder="请输入4汉字">
+            </div>
+            <div class="but but1">立即申请</div>
+        </li>
+        <li class="li2">
+            <img src="" alt="">
+            <div class="input_box">
+                <span>铭牌文案：</span>
+                <input type="text" maxlength='4' placeholder="请输入4汉字">
+            </div>
+            <div class="but but2">立即申请</div>
+        </li>
+        <li class="li3">
+            <img src="" alt="">
+            <div class="input_box">
+                <span>铭牌文案：</span>
+                <input type="text" maxlength='4' placeholder="请输入4汉字">
+            </div>
+            <div class="but but3">立即申请</div>
+        </li>
+        <li class="li4">
+            <img src="" alt="">
+            <div class="input_box">
+                <span>铭牌文案：</span>
+                <input type="text" maxlength='4' placeholder="请输入4汉字">
+            </div>
+            <div class="but but4">立即申请</div>
+        </li>
+    </ul>
+</body>
+
+<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="./js/nobleHighRank.js?v=1.0"></script>
+
+</html>
--- a/view/molistar/activity/act-nameplateNew/nobleHighRank_record.html
+++ b/view/molistar/activity/act-nameplateNew/nobleHighRank_record.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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/nobleHighRank.css">
+    <script src="../../common/js/flexible.js"></script>
+</head>
+
+<body>
+    <ul class="max">
+
+    </ul>
+    <div class="no-record-wrap">
+        <img src="./images/default1.png" alt="">
+        <span>暂无申请记录</span>
+    </div>
+</body>
+<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="./js/nobleHighRank_record.js"></script>
+
+</html>
--- a/view/molistar/activity/act-nameplateNew/record.html
+++ b/view/molistar/activity/act-nameplateNew/record.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+  <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 class="text14"></title>
+  <!-- 申请记录  -->
+
+  <link rel="stylesheet" href="../../common/css/reset.css">
+  <link rel="stylesheet" href="./css/record.css?v=1.0">
+
+  <script src="../../common/js/flexible.js"></script>
+</head>
+
+<body>
+  <ul class="max">
+    
+  </ul>
+  <div class="no-record-wrap">
+    <img src="./images/default.png" alt="">
+    <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?v=1.0"></script>
+  <script src="./local/zh.js?v=1.0"></script>
+  <script src="./local/ar.js?v=1.0"></script>
+  <script src="./js/record.js?v=1.0"></script>
+  <script src="../../common/local/langHandler.js"></script>
+</body>
+
+</html>
--- a/view/molistar/common/js/common2.js
+++ b/view/molistar/common/js/common2.js
@@ -261,7 +261,7 @@ function convert(_url) {
 // 根据域名适配环境
 function EnvCheck() {
    if (window.location.href) {
-        if(window.location.pathname.match(/payAr/)){
+        if (window.location.pathname.match(/payAr/)) {
            pubInfo['Accept-Language'] = "ar";
        }
        var _url = window.location.host;
@@ -827,7 +827,7 @@ function fuzzyMatchUpdateQueryStringParameterFun() {
 }
 function langCodeFun(langCode) {
    if (window.location.href.match(/guildAr/)) {
-     return
+        return
    }
    var body = document.body;
    body.style.display = 'none';
@@ -837,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) {
@@ -1008,12 +1010,16 @@ function unitProcessing(val, num, toFixeds, text) { //值 以什么为单位 保
 }
 // 阿拉伯专用
 function unitProcessingAr(val, toFixeds) { //值 保留几位小数
-    if (val < 1000) {
-        return val;
-    } else if (val >= 1000 && val < 1000000) {
-        return (Math.floor(val / 1000)).toFixed(toFixeds) + 'K'
-    } else if (val >= 1000000) {
-        return (Math.floor(val / 1000000)).toFixed(toFixeds) + 'M'
+    if (getQueryString().lang && getQueryString().lang == 'zh') {
+        return val >= 10000 ? (Math.floor(val / 1000) / 10).toFixed(toFixeds) + 'w' : val;
+    } else {
+        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环境中 配置公共参数的回调函数
@@ -1152,4 +1158,154 @@ function rewardTypeFun(type) {
    } else if (type == "EMPTY") {
        return { name: nick, unit: '個' };
    }
+}
+function rewardTypeNumFun(num) {
+    if (getQueryString().lang == 'zh') {
+        if (num == 1) {
+            return { name: "金幣", unit: '個' };
+        }
+        else if (num == 2) {
+            return { name: "禮物", unit: '個' };
+        }
+        else if (num == 3) {
+            return { name: "座駕", unit: '天' };
+        }
+        else if (num == 4) {
+            return { name: "頭飾", unit: '天' };
+        }
+        else if (num == 5) {
+            return { name: "背景", unit: '天' };
+        }
+        else if (num == 6) {
+            return { name: "實物", unit: '個' };
+        }
+        else if (num == 7) {
+            return { name: "靚號", unit: '天' };
+        }
+        else if (num == 8) {
+            return { name: "全麥禮物", unit: '個' };
+        }
+        else if (num == 9) {
+            return { name: "隨機靚號", unit: '天' };
+        }
+        else if (num == 10) {
+            return { name: "錘子", unit: '個' };
+        }
+        else if (num == 13) {
+            return { name: "祝福語", unit: '天' };
+        }
+        else if (num == 14) {
+            return { name: "銘牌", unit: '天' };
+        }
+        else if (num == 15) {
+            return { name: "虛擬貨幣", unit: '個' };
+        }
+        else if (num == 16) {
+            return { name: "聊天氣泡", unit: '天' };
+        }
+        else if (num == 17) {
+            return { name: "資料卡", unit: '天' };
+        }
+        else {
+            return { name: "null", unit: 'null' };
+        }
+    } else if (getQueryString().lang == 'en') {
+        if (num == 1) {
+            return { name: "Coins", unit: 'pcs' };
+        }
+        else if (num == 2) {
+            return { name: "Gift", unit: 'pcs' };
+        }
+        else if (num == 3) {
+            return { name: "Vehicle", unit: 'days' };
+        }
+        else if (num == 4) {
+            return { name: "Headgear", unit: 'days' };
+        }
+        else if (num == 5) {
+            return { name: "Background", unit: 'days' };
+        }
+        else if (num == 6) {
+            return { name: "Physical item", unit: 'pcs' };
+        }
+        else if (num == 7) {
+            return { name: "VIP number", unit: 'days' };
+        }
+        else if (num == 8) {
+            return { name: "Whole wheat gift", unit: 'pcs' };
+        }
+        else if (num == 9) {
+            return { name: "Random VIP number", unit: 'days' };
+        }
+        else if (num == 10) {
+            return { name: "Hammer", unit: 'pcs' };
+        }
+        else if (num == 13) {
+            return { name: "Blessing", unit: 'days' };
+        }
+        else if (num == 14) {
+            return { name: "Nameplate", unit: 'days' };
+        }
+        else if (num == 15) {
+            return { name: "Virtual currency", unit: 'pcs' };
+        }
+        else if (num == 16) {
+            return { name: "Chat bubble", unit: 'days' };
+        }
+        else if (num == 17) {
+            return { name: "Profile card", unit: 'days' };
+        }
+        else {
+            return { name: "null", unit: 'null' };
+        }
+    } else {
+        if (num == 1) {
+            return { name: "القطع النقدية", unit: 'قطعة' };
+        }
+        else if (num == 2) {
+            return { name: "الهدايا", unit: 'قطعة' };
+        }
+        else if (num == 3) {
+            return { name: "المركبة", unit: 'يوم' };
+        }
+        else if (num == 4) {
+            return { name: "القبعة", unit: 'يوم' };
+        }
+        else if (num == 5) {
+            return { name: "الخلفية", unit: 'يوم' };
+        }
+        else if (num == 6) {
+            return { name: "العنصر الفعلي", unit: 'قطعة' };
+        }
+        else if (num == 7) {
+            return { name: "الرقم المميز", unit: 'يوم' };
+        }
+        else if (num == 8) {
+            return { name: "الهدايا الكاملة القمح", unit: 'قطعة' };
+        }
+        else if (num == 9) {
+            return { name: "رقم عشوائي مميز", unit: 'يوم' };
+        }
+        else if (num == 10) {
+            return { name: "مطرقة", unit: 'قطعة' };
+        }
+        else if (num == 13) {
+            return { name: "التبريكات", unit: 'يوم' };
+        }
+        else if (num == 14) {
+            return { name: "لوحة الاسم", unit: 'يوم' };
+        }
+        else if (num == 15) {
+            return { name: "العملة الافتراضية", unit: 'قطعة' };
+        }
+        else if (num == 16) {
+            return { name: "فقاعة الدردشة", unit: 'يوم' };
+        }
+        else if (num == 17) {
+            return { name: "بطاقة الملف الشخصي", unit: 'يوم' };
+        }
+        else {
+            return { name: "null", unit: 'null' };
+        }
+    }
 }
--- a/view/molistar/home/css/index.css
+++ b/view/molistar/home/css/index.css
@@ -6,7 +6,7 @@
  html {
    width: 100%;
    height: 100%;
-    background: linear-gradient(180deg, #8C80F3 0%, #D070F2 100%);
+    background: linear-gradient(180deg, #61C9A0 0%, #309470 100%);
    font-family: Avenir, Avenir;
    cursor: pointer;
  }
--- a/view/molistar/home/css/index.scss
+++ b/view/molistar/home/css/index.scss
@@ -20,7 +20,8 @@
    html {
        width: 100%;
        height: 100%;
-        background: linear-gradient(180deg, #8C80F3 0%, #D070F2 100%);
+        // background: linear-gradient(180deg, #8C80F3 0%, #D070F2 100%);
+        background: linear-gradient(180deg, #61C9A0 0%, #309470 100%);
        font-family: Avenir, Avenir;
        cursor: pointer;

--- a/view/molistar/home/images/h51.png
+++ b/view/molistar/home/images/h51.png
--- a/view/molistar/home/images/logo.png
+++ b/view/molistar/home/images/logo.png
--- a/view/molistar/home/images/pcBgBig-ar.png
+++ b/view/molistar/home/images/pcBgBig-ar.png
--- a/view/molistar/home/images/pcBgBig-en.png
+++ b/view/molistar/home/images/pcBgBig-en.png
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
dragon	444dc0531d	压缩图片	2024-07-16 11:14:57 +08:00
dragon	2f81b27ea3	重构榜单	2024-07-16 11:11:35 +08:00
dragon	7fa188e04a	恢复联调代码，并且更新提现登入页	2024-07-12 18:01:55 +08:00
dragon	395897f119	强行展示输出-联调安卓	2024-07-12 17:25:08 +08:00
dragon	3cfae08f2d	测试按钮，联调安卓支付	2024-07-12 16:27:30 +08:00
dragon	b5862cb683	新增方法	2024-07-11 19:24:57 +08:00
dragon	244f3a6308	修改翻译	2024-07-11 18:06:10 +08:00
dragon	c1337fd1de	新增账单和修复点单bug	2024-07-11 17:34:16 +08:00
dragon	e2fdfd02c3	联调点单信息接口	2024-07-09 19:29:20 +08:00
dragon	5824f20a25	页面完成版	2024-07-09 11:20:15 +08:00
dragon	ae2f118147	暂存	2024-07-09 11:03:13 +08:00
dragon	78a5e1d87c	暂存	2024-07-09 11:03:12 +08:00
dragon	de2d8600b2	点单暂存	2024-07-09 11:03:12 +08:00
dragon	0d5f7abe96	换图	2024-07-09 11:03:12 +08:00
dragon	b9ebf7cbc1	陪玩师暂存	2024-07-09 11:03:12 +08:00
dragon	1ee6cfec1d	修复公会报错问题	2024-07-09 11:02:58 +08:00
dragon	788eec914f	流水时间新增可选当天逻辑	2024-07-09 10:24:24 +08:00
dragon	3fc9d7f68a	修复幸运享公告问题	2024-07-05 18:46:02 +08:00
dragon	cc983ad835	修复bug	2024-07-05 16:56:27 +08:00
dragon	4b63111355	修复全部bug-幸运哼	2024-07-05 16:56:26 +08:00
dragon	229b50364f	幸运哼-修bug暂存	2024-07-05 16:56:26 +08:00
dragon	273446473d	幸运哼暂存	2024-07-05 16:56:26 +08:00
dragon	f1b3ea8049	新增官网跳转逻辑	2024-07-04 13:05:56 +08:00
dragon	f7d52e09fd	修复选择地区无法滑动问题	2024-07-04 12:55:18 +08:00
dragon	1f341655d2	修改英语充值译文	2024-07-04 12:38:23 +08:00
dragon	8ddda4a99b	修改充值阿拉伯翻译错误	2024-07-04 12:38:23 +08:00
dragon	d56285a054	新增官网跳转充值多语言	2024-07-04 12:38:22 +08:00
dragon	d725c19a73	开放离开页面刷新充值页面功能	2024-07-04 12:38:22 +08:00
dragon	e4be094fc5	充值多语言暂存	2024-07-04 12:38:22 +08:00
dragon	4bbf91e941	充值暂存	2024-07-04 12:38:22 +08:00
dragon	3f31e78976	修复官网logo	2024-07-04 12:20:12 +08:00
dragon	dddf989389	新增相亲规则介绍	2024-07-04 10:48:46 +08:00
dragon	9e29ffb4a2	替换主题ui	2024-07-04 10:11:26 +08:00
dragon	77ed496ab8	修复公会-阿拉伯遗漏翻译	2024-07-03 10:21:11 +08:00
dragon	88b8c92bdb	开启邀请活动	2024-07-01 20:28:03 +08:00
dragon	20f913d51e	新增铭牌申请	2024-06-26 15:13:39 +08:00
dragon	5d8d4b4796	修复bug	2024-06-26 14:52:52 +08:00
dragon	ce26fa18a2	清除缓存	2024-06-26 14:42:21 +08:00
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