完成vip页面逻辑和展示，还差多语言

view/molistar/activity/shortLink/css/index.css

@@ -0,0 +1,340 @@
+@charset "UTF-8";
+html,
+body {
+  width: 100%;
+  background: #E01F3F;
+}
+
+.header {
+  position: relative;
+}
+.header .headerImg {
+  width: 100%;
+}
+.header .info {
+  background-image: url("../images/touxiang.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+  border-radius: 0.4266666667rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 50%;
+  position: absolute;
+  top: 1.2rem;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  padding: 0.08rem 0;
+}
+.header .info span {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.3466666667rem;
+  color: #000000;
+}
+.header .info img {
+  width: 0.8rem;
+  height: 0.8rem;
+  border-radius: 50%;
+  margin-left: 0.16rem;
+}
+
+.zh_content {
+  padding-bottom: 2.6666666667rem;
+  position: absolute;
+  top: 5.3333333333rem;
+}
+
+.wai_content {
+  position: absolute;
+  top: 5.2rem;
+}
+
+.game_boxwrap {
+  margin: 0 0.4rem;
+  position: relative;
+}
+.game_boxwrap .gameImg {
+  width: 100%;
+}
+.game_boxwrap .wrap {
+  background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+  border-radius: 0.4266666667rem;
+  position: absolute;
+  top: 90%;
+  left: 0;
+  right: 0;
+}
+.game_boxwrap .wrap .game_item {
+  background: linear-gradient(0deg, #FFFCED, #FEF3BD);
+  border-radius: 0.3466666667rem;
+  border: 0.0266666667rem solid #FFAB6B;
+  margin: 0.2666666667rem;
+  margin-bottom: 0;
+}
+.game_boxwrap .wrap .swiper {
+  height: 2.6666666667rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.game_boxwrap .wrap .swiper .swiper-wrapper {
+  width: 100%;
+  height: 100%;
+}
+.game_boxwrap .wrap .game_content {
+  margin: 0.2666666667rem 0.2666666667rem 0.2666666667rem 0.4rem;
+}
+.game_boxwrap .wrap .game_content .flex_box {
+  display: flex;
+  align-items: center;
+}
+.game_boxwrap .wrap .game_content .flex_box .info {
+  text-align: center;
+  overflow: visible;
+}
+.game_boxwrap .wrap .game_content .flex_box .info img {
+  width: 1.0666666667rem;
+  height: 1.0666666667rem;
+  border-radius: 50%;
+}
+.game_boxwrap .wrap .game_content .flex_box .info .name {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.32rem;
+  color: #381600;
+  margin-top: 0.1066666667rem;
+  width: 0.9066666667rem;
+}
+.game_boxwrap .wrap .game_content .flex_box .right {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.game_boxwrap .wrap .game_content .flex_box .right .win {
+  width: 1.3333333333rem;
+  height: 0.5333333333rem;
+  margin: 0 0.2133333333rem;
+}
+.game_boxwrap .wrap .game_content .flex_box .right .game_link {
+  width: 1.28rem;
+  height: 1.28rem;
+}
+.game_boxwrap .wrap .game_content .flex_box .right .coins {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.6666666667rem;
+  color: #D9000A;
+  margin: 0 0.2133333333rem;
+}
+.game_boxwrap .wrap .game_content .flex_box .right .coins_img img {
+  width: 0.6933333333rem;
+  height: 0.6933333333rem;
+}
+.game_boxwrap .wrap .game_content .tip {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.32rem;
+  color: #A7A493;
+  text-align: center;
+  margin-top: 0.2666666667rem;
+}
+
+.gift_boxwrap {
+  margin: 0 0.4rem;
+  position: relative;
+  margin-top: 11.3333333333rem;
+}
+.gift_boxwrap .giftImg {
+  width: 100%;
+}
+.gift_boxwrap .wrap {
+  background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+  border-radius: 0.4266666667rem;
+  position: absolute;
+  top: 90%;
+}
+.gift_boxwrap .wrap .swiper {
+  height: 2.6666666667rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.gift_boxwrap .wrap .swiper .swiper-wrapper {
+  width: 100%;
+  height: 100%;
+}
+.gift_boxwrap .wrap .gift_content {
+  position: relative;
+  transition: top 1s ease-in-out;
+  will-change: transform;
+  margin-top: 0.3466666667rem;
+}
+.gift_boxwrap .wrap .gift_content .flex_box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0.64rem;
+  left: 0.4rem;
+  z-index: 99;
+}
+.gift_boxwrap .wrap .gift_content .flex_box .left img {
+  width: 1.1733333333rem;
+  height: 1.1733333333rem;
+  border-radius: 50%;
+}
+.gift_boxwrap .wrap .gift_content .flex_box .right {
+  margin-left: 0.2666666667rem;
+}
+.gift_boxwrap .wrap .gift_content .flex_box .right .txt,
+.gift_boxwrap .wrap .gift_content .flex_box .right .txt2 {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.3733333333rem;
+  color: #FFFFFF;
+}
+.gift_boxwrap .wrap .gift_content .flex_box .right .txt2 {
+  margin-top: 0.1333333333rem;
+}
+.gift_boxwrap .wrap .gift_content .yuan_box {
+  position: absolute;
+  left: 6.6666666667rem;
+  bottom: -0.1333333333rem;
+}
+.gift_boxwrap .wrap .gift_content .yuan_box .gift_yuan {
+  width: 2.4533333333rem;
+  position: relative;
+}
+.gift_boxwrap .wrap .gift_content .yuan_box .yuan_txt {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.gift_boxwrap .wrap .gift_content .yuan_box .yuan_txt .yuan_num {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.48rem;
+  color: #FDF565;
+}
+.gift_boxwrap .wrap .gift_content .yuan_box .yuan_txt .yuan_coins {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.32rem;
+  color: #FFFFFF;
+  text-align: center;
+}
+
+.wealth_boxwrap {
+  margin: 0 0.4rem;
+  position: relative;
+  margin-top: 5.3333333333rem;
+}
+.wealth_boxwrap .wrap {
+  background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+  border-radius: 0.4266666667rem;
+  position: absolute;
+  top: 90%;
+}
+.wealth_boxwrap .wrap .wealth_content {
+  padding-top: 0.3466666667rem;
+}
+
+.invite_boxwrap {
+  margin: 5.3333333333rem 0.4rem;
+  position: relative;
+}
+.invite_boxwrap .wrap {
+  background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+  border-radius: 0.4266666667rem;
+  position: absolute;
+  top: 90%;
+  width: 100%;
+}
+.invite_boxwrap .wrap .invite_content {
+  padding: 0.4533333333rem 0.2933333333rem;
+}
+.invite_boxwrap .wrap .invite_content .txt {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.4rem;
+  color: #381600;
+  line-height: 0.64rem;
+}
+.invite_boxwrap .wrap .invite_content #txt9,
+.invite_boxwrap .wrap .invite_content #txt11 {
+  color: #D9000A;
+  box-shadow: 0 -0.2133333333rem 0 #FFDF6F inset;
+  font-weight: 600;
+}
+
+.bottom_boxwrap {
+  background: linear-gradient(0deg, #FFE4A2, #FFE755);
+  border-radius: 0.4266666667rem 0.4266666667rem 0px 0px;
+  position: fixed;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  left: 0;
+  right: 0;
+  box-sizing: border-box;
+  padding: 0 0 0 0.4rem;
+  z-index: 99;
+}
+.bottom_boxwrap .logo img {
+  width: 1.4133333333rem;
+  height: 1.4133333333rem;
+}
+.bottom_boxwrap .detail {
+  margin-left: 0.2666666667rem;
+}
+.bottom_boxwrap .detail .title {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4266666667rem;
+  color: #381600;
+}
+.bottom_boxwrap .detail .txt {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #381600;
+  margin-top: 0.2666666667rem;
+}
+.bottom_boxwrap .detail .txt img {
+  width: 0.3466666667rem;
+  height: 0.3466666667rem;
+}
+.bottom_boxwrap .open {
+  background-image: url("../images/btn.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+  /* 居中 */
+  width: 3.1466666667rem;
+  height: 2.1333333333rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 0.24rem;
+  margin-left: auto;
+  margin-right: 0.1333333333rem;
+}
+.bottom_boxwrap .open .txt {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4533333333rem;
+  color: #FFFFFF;
+}
+
+.txt_bottom {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3466666667rem;
+  color: #A7A493;
+  padding: 0.4266666667rem 0.2933333333rem;
+}
+.txt_bottom div {
+  margin-bottom: 0.1333333333rem;
+}

view/molistar/activity/shortLink/css/index.scss

@@ -0,0 +1,435 @@
+@function px2rem($px) {
+  @return $px / 75+rem;
+}
+
+html,
+body {
+  width: 100%;
+  background: #E01F3F;
+  // padding: 0 px2rem(30);
+}
+
+.header {
+  position: relative;
+
+  .headerImg {
+    width: 100%;
+    // height: px2rem(458);
+  }
+
+  .info {
+    background-image: url('../images/touxiang.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: px2rem(32);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 50%;
+    position: absolute;
+    top: px2rem(90);
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    padding: px2rem(6) 0;
+
+    span {
+      font-family: PingFang SC;
+      font-weight: 600;
+      font-size: px2rem(26);
+      color: #000000;
+    }
+
+    img {
+      width: px2rem(60);
+      height: px2rem(60);
+      border-radius: 50%;
+      margin-left: px2rem(12);
+    }
+  }
+}
+
+.zh_content {
+  padding-bottom: px2rem(200);
+  position: absolute;
+  top: px2rem(400);
+}
+.wai_content{
+  position: absolute;
+  top: px2rem(390);
+}
+
+.game_boxwrap {
+  margin: 0 px2rem(30);
+  position: relative;
+
+  // height: px2rem(500);
+  .gameImg {
+    width: 100%;
+  }
+
+  .wrap {
+    background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+    border-radius: px2rem(32);
+    position: absolute;
+    top: 90%;
+    // width: px2rem(690);
+    left: 0;
+    right: 0;
+
+    .game_item {
+      background: linear-gradient(0deg, #FFFCED, #FEF3BD);
+      border-radius: px2rem(26);
+      border: px2rem(2) solid #FFAB6B;
+      margin: px2rem(20);
+      margin-bottom: 0;
+      // height: px2rem(198);
+      // /* 设置一个固定高度 */
+      // overflow: hidden;
+      // position: relative;
+
+    }
+
+    .swiper {
+      height: px2rem(200);
+      left: 50%;
+      transform: translateX(-50%);
+
+      .swiper-wrapper {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .game_content {
+
+      margin: px2rem(20) px2rem(20) px2rem(20) px2rem(30);
+
+      .flex_box {
+        display: flex;
+        align-items: center;
+
+        .info {
+          text-align: center;
+          overflow: visible;
+          img {
+            width: px2rem(80);
+            height: px2rem(80);
+            border-radius: 50%;
+          }
+
+          .name {
+            font-family: PingFang SC;
+            font-weight: 400;
+            font-size: px2rem(24);
+            color: #381600;
+            margin-top: px2rem(8);
+            width: px2rem(68);
+          }
+          
+        }
+
+        .right {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          .win {
+            width: px2rem(100);
+            height: px2rem(40);
+            margin: 0 px2rem(16);
+          }
+
+          .game_link {
+            width: px2rem(96);
+            height: px2rem(96);
+          }
+
+          .coins {
+            font-family: PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(50);
+            color: #D9000A;
+            margin: 0 px2rem(16);
+          }
+          .coins_img{
+            img{
+              width: px2rem(52);
+              height: px2rem(52);
+            }
+          }
+        }
+      }
+
+      .tip {
+        font-family: PingFang SC;
+        font-weight: 400;
+        font-size: px2rem(24);
+        color: #A7A493;
+        text-align: center;
+        margin-top: px2rem(20);
+      }
+
+    }
+  }
+}
+
+.gift_boxwrap {
+  margin: 0 px2rem(30);
+  position: relative;
+  margin-top: px2rem(850);
+
+  .giftImg {
+    width: 100%;
+  }
+
+  .wrap {
+    background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+    border-radius: px2rem(32);
+    position: absolute;
+    top: 90%;
+    // width: px2rem(690);
+
+    #gift_item {
+      // height: px2rem(200);
+      // /* 设置一个固定高度 */
+      // overflow: hidden;
+
+    }
+
+    .swiper {
+      height: px2rem(200);
+      left: 50%;
+      transform: translateX(-50%);
+
+      .swiper-wrapper {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .gift_content {
+      // margin-top: px2rem(30);
+      position: relative;
+      transition: top 1s ease-in-out;
+      will-change: transform;
+      // transition: transform 1s ease;
+      // transform: translateY(0);
+      margin-top: px2rem(26);
+
+      .flex_box {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        top: px2rem(48);
+        left: px2rem(30);
+        z-index: 99;
+
+        .left {
+          img {
+            width: px2rem(88);
+            height: px2rem(88);
+            border-radius: 50%;
+          }
+        }
+
+        .right {
+          margin-left: px2rem(20);
+
+          .txt,
+          .txt2 {
+            font-family: PingFang SC;
+            font-weight: 500;
+            font-size: px2rem(28);
+            color: #FFFFFF;
+          }
+
+          .txt2 {
+            margin-top: px2rem(10);
+          }
+        }
+      }
+
+      .gift_chang {}
+
+
+      .yuan_box {
+        position: absolute;
+        left: px2rem(500);
+        bottom: px2rem(-10);
+
+        .gift_yuan {
+          width: px2rem(184);
+          position: relative;
+        }
+
+        .yuan_txt {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+
+          .yuan_num {
+            font-family: PingFang SC;
+            font-weight: 500;
+            font-size: px2rem(36);
+            color: #FDF565;
+          }
+
+          .yuan_coins {
+            font-family: PingFang SC;
+            font-weight: 500;
+            font-size: px2rem(24);
+            color: #FFFFFF;
+            text-align: center;
+          }
+        }
+      }
+
+    }
+  }
+}
+
+.wealth_boxwrap {
+  margin: 0 px2rem(30);
+  position: relative;
+  margin-top: px2rem(400);
+
+  .wrap {
+    background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+    border-radius: px2rem(32);
+    position: absolute;
+    top: 90%;
+
+    .wealth_content {
+      padding-top: px2rem(26);
+    }
+  }
+}
+
+.invite_boxwrap {
+  margin: px2rem(400) px2rem(30);
+  position: relative;
+
+  .wrap {
+    background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
+    border-radius: px2rem(32);
+    position: absolute;
+    top: 90%;
+    width: 100%;
+
+    .invite_content {
+      padding: px2rem(34) px2rem(22);
+
+      .txt {
+        font-family: PingFang SC;
+        font-weight: 400;
+        font-size: px2rem(30);
+        color: #381600;
+        line-height: px2rem(48);
+      }
+
+      #txt9,
+      #txt11 {
+        color: #D9000A;
+        box-shadow: 0 px2rem(-16) 0 #FFDF6F inset;
+        font-weight: 600;
+
+      }
+
+      // #txt9 ,#txt11::after{
+      //   content: '';
+      //   position: absolute;
+      //   left: 0;
+      //   bottom: 0;
+      //   width: 100%;
+      //   height: 0.2rem;
+      //   background-color: red;
+      //   transform: translateY(-50%);
+      // }
+    }
+  }
+}
+
+.bottom_boxwrap {
+  background: linear-gradient(0deg, #FFE4A2, #FFE755);
+  border-radius: px2rem(32) px2rem(32) 0px 0px;
+  position: fixed;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  left: 0;
+  right: 0;
+  box-sizing: border-box;
+  padding: 0 0 0 px2rem(30);
+  z-index: 99;
+
+  .logo {
+    img {
+      width: px2rem(106);
+      height: px2rem(106);
+    }
+  }
+
+  .detail {
+    margin-left: px2rem(20);
+
+    .title {
+      font-family: PingFang SC;
+      font-weight: 600;
+      font-size: px2rem(32);
+      color: #381600;
+    }
+
+    .txt {
+      font-family: PingFang SC;
+      font-weight: 400;
+      font-size: px2rem(28);
+      color: #381600;
+      margin-top: px2rem(20);
+
+      img {
+        width: px2rem(26);
+        height: px2rem(26);
+      }
+    }
+
+  }
+
+  .open {
+    background-image: url('../images/btn.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    /* 居中 */
+    width: px2rem(236);
+    height: px2rem(160);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: px2rem(18);
+    margin-left: auto;
+    margin-right: px2rem(10);
+
+    .txt {
+      font-family: PingFang SC;
+      font-weight: 600;
+      font-size: px2rem(34);
+      color: #FFFFFF;
+    }
+  }
+}
+
+.txt_bottom {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: px2rem(26);
+  color: #A7A493;
+  padding: px2rem(32) px2rem(22);
+
+  div {
+    margin-bottom: px2rem(10);
+  }
+}

view/molistar/activity/shortLink/index.html

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css" />
+    <link rel="stylesheet" href="../../common/css/animate.css" />
+    <link rel="stylesheet" href="./css/index.css?v=1.1" />
+    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
+  </head>
+
+  <body>
+    <div class="header">
+      <img src="./images/top-en.png" id="headerImg" alt="" class="headerImg" />
+      <!-- <div class="info">
+        <span id="invition_txt">INVITATION FROM</span>
+        <img
+          src="https://image.molistar.xyz/image/2f871546aff0ecd641eaa8509728a8b9.jpeg"
+          alt=""
+        />
+      </div> -->
+    </div>
+    <!-- 中文页面 -->
+    <div class="zh_content" style="display: none;">
+      <img src="./images/zhtu.png" alt="" />
+    </div>
+    <!-- 非中文页面 -->
+    <div class="wai_content">
+      <!-- 小游戏 -->
+      <div class="game_boxwrap">
+        <img src="./images/gift-en.png" id="gameImg" alt="" class="gameImg" />
+        <div class="wrap">
+          <div class="game_item" id="game_item">
+            <div class="swiper" id="gameSwiper">
+              <div class="swiper-wrapper"></div>
+            </div>
+          </div>
+          <div class="txt_bottom">
+            <div id="gift_txt1">
+              * Display data comes from real records in the App
+            </div>
+            <div id="gift_txt2">* 1$=7K coins in the App</div>
+            <div id="gift_txt3">
+              * Coins obtained in luck can only be used in the app and cannot be
+              exchanged for cash
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- 财富榜 -->
+      <div class="wealth_boxwrap">
+        <img
+          src="./images/caifu-en.png"
+          id="wealthImg"
+          alt=""
+          class="wealthImg"
+        />
+        <div class="wrap">
+          <div class="wealth_content">
+            <img src="./images/wealth.png" alt="" />
+          </div>
+          <div class="txt_bottom">
+            <div id="gift_txt4">
+              * Display data comes from real records in the App
+            </div>
+            <div id="gift_txt5">* 1$=7K coins in the App</div>
+            <div id="gift_txt6">
+              * Coins obtained in luck can only be used in the app and cannot be
+              exchanged for cash
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 幸运礼物 -->
+      <div class="gift_boxwrap">
+        <img src="./images/gift-en.png" id="giftImg" alt="" class="giftImg" />
+        <div class="wrap">
+          <div id="gift_item">
+            <div class="swiper" id="giftSwiper">
+              <div class="swiper-wrapper"></div>
+            </div>
+          </div>
+          <div class="txt_bottom">
+            <div id="gift_txt1">
+              * Display data comes from real records in the App
+            </div>
+            <div id="gift_txt2">* 1$=7K coins in the App</div>
+            <div id="gift_txt3">
+              * Coins obtained in luck can only be used in the app and cannot be
+              exchanged for cash
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 邀请好友 -->
+      <div class="invite_boxwrap">
+        <img
+          src="./images/yaoqing-en.png"
+          id="inviteImg"
+          alt=""
+          class="inviteImg"
+        />
+        <div class="wrap">
+          <div class="invite_content">
+            <div class="txt" id="txt7">Invite friends to recharge!</div>
+            <div class="txt">
+              <span id="txt8">He recharges!</span>
+              <span id="txt9">You get coins! !</span>
+            </div>
+            <div class="txt">
+              <span id="txt10">His friends recharge!</span>
+              <span id="txt11">You can also get coins! ! !</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 底部 -->
+    <div class="bottom_boxwrap">
+      <div class="logo">
+        <img src="./images/logo.png" alt="" />
+      </div>
+      <div class="detail">
+        <div class="title" id="txt12">MoliStar</div>
+        <div class="txt">
+          <span id="txt13">Invitation code</span>:<span id="inviteCode"
+            >dsajkz</span
+          >
+          <img src="./images/fuzhi.png" alt="" id="copyBtn" />
+        </div>
+      </div>
+      <div class="open">
+        <!-- <img src="./images/btn.png" alt=""> -->
+        <div class="txt" id="txt14">Open</div>
+      </div>
+    </div>
+  </body>
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
+<script src="../../common/local/langHandler.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/index.js?v=1.0"></script>
+<script src="./js/swiper-bundle.min.js"></script>

view/molistar/activity/shortLink/js/index.js

@@ -0,0 +1,809 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+  new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+  layer.open({
+    type: 2,
+    shadeClose: false,
+    content,
+    success(e) {
+      layerIndex = $(e).attr('index')
+    }
+  })
+}
+const hideLoading = (index) => {
+  layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+  layer.open({
+    content,
+    time,
+    skin: 'msg'
+  })
+}
+var code = ''
+var inviteCode = ''
+// 初始化函數
+$(function () {
+  getInfoFromClient();
+  fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+  setTimeout(function () {
+    // 頁面全屏
+    if (browser.app) {
+      if (browser.android) {
+        window.androidJsObj.initShowNav(false)
+      } else {
+        window.webkit.messageHandlers.initShowNav.postMessage(0)
+      }
+    };
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    langReplace = window.lang.replace;
+    localLang = window.lang;
+    translateFun();
+    renderGameOption();
+    renderLuckGiftOption();
+    swiperFun();
+    if(localLang.code ==='zh'){
+      $('.zh_content').show();
+      $('.wai_content').hide();
+    }else{
+      $('.zh_content').hide();
+      $('.wai_content').show();
+    }
+    var path = window.location.pathname;
+    code = path.split("/")[1];
+    inviteCode = getQueryParams().c
+    $('#inviteCode').text(inviteCode);
+  }, 100)
+
+})
+function getQueryParams() {
+  var queryString = window.location.search;
+  var params = {};
+
+  if (queryString) {
+    // 去掉开头的 "?"，并按 "&" 分割
+    queryString.substring(1).split("&").forEach(function(pair) {
+      var [key, value] = pair.split("=");
+      params[decodeURIComponent(key)] = decodeURIComponent(value || ""); // 解码参数
+    });
+  }
+
+  return params;
+}
+// 禮物輪播
+function swiperFun() {
+  var mySwiper = new Swiper('.swiper', {
+    direction: "vertical",
+    loop: true,
+    autoplay: {
+      delay: 3500,//
+      disableOnInteraction: false
+    }
+  })
+}
+function translateFun() {
+  var langReplace = window.lang.replace;
+  var localLang = window.lang;
+  $('#headerImg').attr('src', langReplace(localLang.demoModule.headerImg))
+  $('#gameImg').attr('src', langReplace(localLang.demoModule.gameImg))
+  $('#giftImg').attr('src', langReplace(localLang.demoModule.giftImg))
+  $('#wealthImg').attr('src', langReplace(localLang.demoModule.wealthImg))
+  $('#inviteImg').attr('src', langReplace(localLang.demoModule.inviteImg))
+  $('#gift_txt1').html(langReplace(localLang.demoModule.gift_txt1))
+  $('#gift_txt2').html(langReplace(localLang.demoModule.gift_txt2))
+  $('#gift_txt3').html(langReplace(localLang.demoModule.gift_txt3))
+  $('#gift_txt4').html(langReplace(localLang.demoModule.gift_txt4))
+  $('#gift_txt5').html(langReplace(localLang.demoModule.gift_txt5))
+  $('#gift_txt6').html(langReplace(localLang.demoModule.gift_txt6))
+  $('#txt7').html(langReplace(localLang.demoModule.txt7))
+  $('#txt8').html(langReplace(localLang.demoModule.txt8))
+  $('#txt9').html(langReplace(localLang.demoModule.txt9))
+  $('#txt10').html(langReplace(localLang.demoModule.txt10))
+  $('#txt11').html(langReplace(localLang.demoModule.txt11))
+  $('#invition_txt').html(langReplace(localLang.demoModule.invition_txt))
+  $('#txt12').html(langReplace(localLang.demoModule.txt12))
+
+  $('#txt13').html(langReplace(localLang.demoModule.txt13))
+
+  $('#txt14').html(langReplace(localLang.demoModule.txt14))
+
+}
+// 截取字符串首字母的方法
+function getFirstLetter(str) {
+  if (!str || typeof str !== 'string') {
+    return ''; // 如果输入不是字符串或为空，返回空字符串
+  }
+  return str.charAt(0); // 返回字符串的第一个字符
+}
+function renderGameOption() {
+  var currentIndex = 0;
+  var contentHtml = '';
+  function createGiftItem(item) {
+  const firstLetter = getFirstLetter(item.nick); // 获取首字母
+    return `
+        <div class="swiper-slide">
+        <div class="game_content">
+            <div class="flex_box">
+              <div class="info">
+                <img
+                  src="${item.avatar}"
+                  alt=""
+                />
+                <div class="name">${firstLetter}****</div>
+              </div>
+              <div class="right">
+                <img src="./images/win.png" alt="" class="win" />
+                <img
+                  src="${item.gameLink}"
+                  alt=""
+                  class="game_link"
+                />
+                <div class="coins">${item.win}</div>
+                <div class="coins_img">
+                  <img
+                  src="./images/jinbi.png"
+                  alt=""
+                />
+                </div>
+              </div>
+            </div>
+            <div class="tip">${langReplace(localLang.demoModule.Send)} ${item.pay} ${langReplace(localLang.demoModule.Won)} ${item.rate} ${langReplace(localLang.demoModule.Times)}</div>
+          </div>
+          </div>
+    `;
+  }
+  const giftItems = gameOption.map(item => createGiftItem(item));
+
+  $(' #gameSwiper .swiper-wrapper').html(giftItems.join(''));
+}
+
+function renderLuckGiftOption() {
+  var currentIndex = 0;
+  var contentHtml = '';
+  function createGiftItem(item) {
+    return `
+        <div class="swiper-slide">
+        <div class="gift_content">
+      <img src="./images/giftchang.png" alt="" class="gift_chang" />
+      <div class="flex_box">
+        <div class="left">
+          <img
+            src="${item.avatar}"
+            alt=""
+          />
+        </div>
+        <div class="right">
+          <div class="txt">${langReplace(localLang.demoModule.Send)} <span style="color: #FDF565;"> ${langReplace(localLang.demoModule[item.gift_name])}</span></div>
+          <div class="txt2">${langReplace(localLang.demoModule.Won)} <span style="color: #FDF565;">${item.rate}</span> ${langReplace(localLang.demoModule.Times)}</div>
+        </div>
+      </div>
+      <div class="yuan_box">
+        <img src="./images/giftyuan.png" alt="" class="gift_yuan" />
+        <div class="yuan_txt">
+          <div class="yuan_num">${item.win}</div>
+          <div class="yuan_coins">${langReplace(localLang.demoModule.Coins)}</div>
+        </div>
+      </div>
+    </div>
+    </div>
+    `;
+  }
+  const giftItems = luckGiftOption.map(item => createGiftItem(item));
+  $(' #giftSwiper .swiper-wrapper').html(giftItems.join(''));
+}
+$("#copyBtn").click(function () {
+  var text = $("#inviteCode").text();
+  if (navigator.clipboard) {
+    // 使用 navigator.clipboard API
+    navigator.clipboard.writeText(text)
+      .then(function () {
+        toastMsg('复制成功')
+      })
+      .catch(function (error) {
+      });
+  } else {
+    // 使用 document.execCommand("copy") 作为备用方案
+    var $temp = $("<textarea>");
+    $("body").append($temp);
+    $temp.val(text).select();
+    document.execCommand("copy");
+    $temp.remove();
+    toastMsg('复制成功')
+  }
+})
+$(".open").click(function (event) {
+  event.preventDefault(); // 阻止默认行为
+
+  var deepLinkUrl = `molistar://app?code=${code}`; // 你的 Deep Link URL
+  console.log(deepLinkUrl,'------')
+  window.location.href = deepLinkUrl;
+   // 设置超时检测
+   setTimeout(function() {
+    window.location.href = 'https://api.molistar.xyz/molistar/home/index.html'
+  }, 2000); // 超时时间 500ms
+})
+
+var gameOption = [
+  {
+    "nick": "小羊大甜妹.",
+    "avatar": "https://image.molistar.xyz/image/2f871546aff0ecd641eaa8509728a8b9.jpeg",
+    "game_id": "107",
+    "gameLink": "https://image.molistar.xyz/DragonandTiger.png",
+    "pay": 633750.0,
+    "win": 470500.0,
+    "rate": 0.7400000095367432
+  },
+  {
+    "nick": "༄𝓐𝓛  臻愛♑",
+    "avatar": "https://image.molistar.xyz/9baf2158-acda-4d08-807a-2e32010e3174.jpeg",
+    "game_id": "107",
+    "gameLink": "https://image.molistar.xyz/DragonandTiger.png",
+    "pay": 43000.0,
+    "win": 62000.0,
+    "rate": 1.440000057220459
+  },
+  {
+    "nick": "🧭 . 𝓩の迪迪🖕",
+    "avatar": "https://image.molistar.xyz/image/8ec5eb1df9aad8d7e6abee24d0ae41ac.jpeg",
+    "game_id": "109",
+    "gameLink": "https://image.molistar.xyz/MultiplayerFishinggame.png",
+    "pay": 22050.0,
+    "win": 24350.0,
+    "rate": 1.100000023841858
+  },
+  {
+    "nick": "￴",
+    "avatar": "https://image.molistar.xyz/image/149ba884510f20891c214bf3eb248a1b.jpeg",
+    "game_id": "107",
+    "gameLink": "https://image.molistar.xyz/DragonandTiger.png",
+    "pay": 35800.0,
+    "win": 28800.0,
+    "rate": 0.800000011920929
+  },
+  {
+    "nick": "￴",
+    "avatar": "https://image.molistar.xyz/image/149ba884510f20891c214bf3eb248a1b.jpeg",
+    "game_id": "109",
+    "gameLink": "https://image.molistar.xyz/MultiplayerFishinggame.png",
+    "pay": 7000.0,
+    "win": 5800.0,
+    "rate": 0.8299999833106995
+  },
+  {
+    "nick": "قمرᴮ🅢",
+    "avatar": "https://image.molistar.xyz/53527ef3-490a-456e-802d-56e0c378b67a.jpeg",
+    "game_id": "103",
+    "gameLink": "https://image.molistar.xyz/fruitparty.png",
+    "pay": 2277200.0,
+    "win": 2387000.0,
+    "rate": 1.0499999523162842
+  },
+  {
+    "nick": "Super Admin Mok",
+    "avatar": "https://image.molistar.xyz/fc10f129-a558-48c4-8482-490ac7ec398b.jpeg",
+    "game_id": "104",
+    "gameLink": "https://image.molistar.xyz/BeerWheel.png",
+    "pay": 45500.0,
+    "win": 84000.0,
+    "rate": 1.850000023841858
+  },
+  {
+    "nick": "Super Admin Mok",
+    "avatar": "https://image.molistar.xyz/fc10f129-a558-48c4-8482-490ac7ec398b.jpeg",
+    "game_id": "109",
+    "gameLink": "https://image.molistar.xyz/MultiplayerFishinggame.png",
+    "pay": 265150.0,
+    "win": 268200.0,
+    "rate": 1.0099999904632569
+  },
+  {
+    "nick": "ꜱͥᴜᴘͣᴇͫʀ ᴀᴅᴍɪɴ",
+    "avatar": "https://image.molistar.xyz/97c535ba-bec5-4845-803c-c2b949ea066d.jpeg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 85800.0,
+    "win": 70800.0,
+    "rate": 0.8299999833106995
+  },
+  {
+    "nick": "🇵🇭💦Dj-28🇹🇨",
+    "avatar": "https://image.molistar.xyz/54bbdad4-b5ba-4685-b280-49728490bb64.jpg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 258500.0,
+    "win": 236000.0,
+    "rate": 0.9100000262260437
+  },
+  {
+    "nick": "🇵🇭💦Dj-28🇹🇨",
+    "avatar": "https://image.molistar.xyz/54bbdad4-b5ba-4685-b280-49728490bb64.jpg",
+    "game_id": "103",
+    "gameLink": "https://image.molistar.xyz/fruitparty.png",
+    "pay": 10000.0,
+    "win": 5000.0,
+    "rate": 0.5
+  },
+  {
+    "nick": "🇵🇭💦Dj-28🇹🇨",
+    "avatar": "https://image.molistar.xyz/54bbdad4-b5ba-4685-b280-49728490bb64.jpg",
+    "game_id": "107",
+    "gameLink": "https://image.molistar.xyz/DragonandTiger.png",
+    "pay": 2706200.0,
+    "win": 2814400.0,
+    "rate": 1.0399999618530274
+  },
+  {
+    "nick": "**α∂ιк∂σтєяz**",
+    "avatar": "https://image.molistar.xyz/fa9b0fe9-a071-4971-8b44-b0b267df19f2.jpeg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 249000.0,
+    "win": 257000.0,
+    "rate": 1.0299999713897706
+  },
+  {
+    "nick": "**α∂ιк∂σтєяz**",
+    "avatar": "https://image.molistar.xyz/fa9b0fe9-a071-4971-8b44-b0b267df19f2.jpeg",
+    "game_id": "110",
+    "gameLink": "https://image.molistar.xyz/aolinpisizhimenkaobei.png",
+    "pay": 150000.0,
+    "win": 102200.0,
+    "rate": 0.6800000071525574
+  },
+  {
+    "nick": "**α∂ιк∂σтєяz**",
+    "avatar": "https://image.molistar.xyz/fa9b0fe9-a071-4971-8b44-b0b267df19f2.jpeg",
+    "game_id": "111",
+    "gameLink": "https://image.molistar.xyz/shuiguojikaobei.png",
+    "pay": 5335200.0,
+    "win": 5330460.0,
+    "rate": 1.0
+  },
+  {
+    "nick": "yeng2x",
+    "avatar": "https://image.molistar.xyz/e77d1141-711a-45ad-8d13-3f5e6ffa3220.jpeg",
+    "game_id": "111",
+    "gameLink": "https://image.molistar.xyz/shuiguojikaobei.png",
+    "pay": 270600.0,
+    "win": 256900.0,
+    "rate": 0.949999988079071
+  },
+  {
+    "nick": "🇵🇭💦ℹ️*2️⃣8️⃣",
+    "avatar": "https://image.molistar.xyz/1b93da9d-2db2-405e-8035-38195f00d931.jpeg",
+    "game_id": "107",
+    "gameLink": "https://image.molistar.xyz/DragonandTiger.png",
+    "pay": 166700.0,
+    "win": 139400.0,
+    "rate": 0.8399999737739563
+  },
+  {
+    "nick": "🧚♂️Bryan👫🧚♂",
+    "avatar": "https://image.molistar.xyz/41e68d25-a996-4336-a319-d653c696365b.jpg",
+    "game_id": "103",
+    "gameLink": "https://image.molistar.xyz/fruitparty.png",
+    "pay": 258000.0,
+    "win": 75000.0,
+    "rate": 0.28999999165534975
+  },
+  {
+    "nick": "familia savage",
+    "avatar": "https://image.molistar.xyz/786a7faa-b63a-4c23-827a-af41eeedfac1.jpeg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 557100.0,
+    "win": 589600.0,
+    "rate": 1.059999942779541
+  },
+  {
+    "nick": "ˢ͜ᵛ Labz💗",
+    "avatar": "https://image.molistar.xyz/d3a4d496-cfdc-435a-b8fd-2c9faed5c389.jpeg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 123700.0,
+    "win": 165000.0,
+    "rate": 1.3300000429153443
+  },
+  {
+    "nick": "ˢ͜ᵛ Labz💗",
+    "avatar": "https://image.molistar.xyz/d3a4d496-cfdc-435a-b8fd-2c9faed5c389.jpeg",
+    "game_id": "110",
+    "gameLink": "https://image.molistar.xyz/aolinpisizhimenkaobei.png",
+    "pay": 1500.0,
+    "win": 1265.0,
+    "rate": 0.8399999737739563
+  },
+  {
+    "nick": "سومه",
+    "avatar": "https://image.molistar.xyz/9cc31caa-3ea6-4442-9553-8a69f31ab4c2.jpg",
+    "game_id": "109",
+    "gameLink": "https://image.molistar.xyz/MultiplayerFishinggame.png",
+    "pay": 69250.0,
+    "win": 63000.0,
+    "rate": 0.9100000262260437
+  },
+  {
+    "nick": "아멘",
+    "avatar": "https://image.molistar.xyz/93b40e48-d8ce-44f2-b34b-7c5e048fd3f6.jpg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 4300.0,
+    "win": 3100.0,
+    "rate": 0.7200000286102295
+  },
+  {
+    "nick": "Popcorn",
+    "avatar": "https://image.molistar.xyz/23d3b9e9-8b1f-4a64-8239-d3a05df83663.jpeg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 260000.0,
+    "win": 106000.0,
+    "rate": 0.4099999964237213
+  },
+  {
+    "nick": "🅷ᴀꜱᴀɴ༎ࠫ˿̽",
+    "avatar": "https://image.molistar.xyz/1c1df418-346e-43a2-a99a-fe20fdf551a7.jpeg",
+    "game_id": "103",
+    "gameLink": "https://image.molistar.xyz/fruitparty.png",
+    "pay": 39700.0,
+    "win": 33000.0,
+    "rate": 0.8299999833106995
+  },
+  {
+    "nick": "🅷ᴀꜱᴀɴ༎ࠫ˿̽",
+    "avatar": "https://image.molistar.xyz/1c1df418-346e-43a2-a99a-fe20fdf551a7.jpeg",
+    "game_id": "111",
+    "gameLink": "https://image.molistar.xyz/shuiguojikaobei.png",
+    "pay": 600.0,
+    "win": 1320.0,
+    "rate": 2.200000047683716
+  },
+  {
+    "nick": "🌸Rkboss",
+    "avatar": "https://image.molistar.xyz/87672746-fc41-4f33-a2e3-37ee9a930251.jpeg",
+    "game_id": "102",
+    "gameLink": "https://image.molistar.xyz/speepyturntable2.png",
+    "pay": 247400.0,
+    "win": 309400.0,
+    "rate": 1.25
+  },
+  {
+    "nick": "🌸Rkboss",
+    "avatar": "https://image.molistar.xyz/87672746-fc41-4f33-a2e3-37ee9a930251.jpeg",
+    "game_id": "103",
+    "gameLink": "https://image.molistar.xyz/fruitparty.png",
+    "pay": 128000.0,
+    "win": 8000.0,
+    "rate": 0.05999999865889549
+  },
+  {
+    "nick": "🌸Rkboss",
+    "avatar": "https://image.molistar.xyz/87672746-fc41-4f33-a2e3-37ee9a930251.jpeg",
+    "game_id": "110",
+    "gameLink": "https://image.molistar.xyz/aolinpisizhimenkaobei.png",
+    "pay": 10000.0,
+    "win": 11925.0,
+    "rate": 1.190000057220459
+  },
+  {
+    "nick": "🌸Rkboss",
+    "avatar": "https://image.molistar.xyz/87672746-fc41-4f33-a2e3-37ee9a930251.jpeg",
+    "game_id": "111",
+    "gameLink": "https://image.molistar.xyz/shuiguojikaobei.png",
+    "pay": 7800.0,
+    "win": 6900.0,
+    "rate": 0.8799999952316284
+  }
+]
+var luckGiftOption = [
+  {
+    "id": 863603,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "500059 I",
+    "pay": 131400,
+    "win": 1314000,
+    "rate": 10
+  },
+  {
+    "id": 1478193,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 1000000,
+    "rate": 500
+  },
+  {
+    "id": 1642027,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運包",
+    "pay": 500,
+    "win": 500000,
+    "rate": 1000
+  },
+  {
+    "id": 348493,
+    "nick": "👑D'SHA-SHA🌺",
+    "erban_no": 311114,
+    "avatar": "https://image.molistar.xyz/8d35118a-22d0-4c78-aa41-fea98a903e9c.jpeg",
+    "gift_name": "金钥",
+    "pay": 376,
+    "win": 376000,
+    "rate": 1000
+  },
+  {
+    "id": 1477321,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 34000,
+    "win": 340000,
+    "rate": 10
+  },
+  {
+    "id": 2008089,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運戒",
+    "pay": 300,
+    "win": 300000,
+    "rate": 1000
+  },
+  {
+    "id": 698136,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運戒",
+    "pay": 300,
+    "win": 300000,
+    "rate": 1000
+  },
+  {
+    "id": 1640354,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運戒",
+    "pay": 300,
+    "win": 300000,
+    "rate": 1000
+  },
+  {
+    "id": 1908109,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運戒",
+    "pay": 300,
+    "win": 300000,
+    "rate": 1000
+  },
+  {
+    "id": 1654132,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運戒",
+    "pay": 300,
+    "win": 300000,
+    "rate": 1000
+  },
+  {
+    "id": 715755,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運戒",
+    "pay": 300,
+    "win": 300000,
+    "rate": 1000
+  },
+  {
+    "id": 969632,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "500059 I",
+    "pay": 52000,
+    "win": 260000,
+    "rate": 5
+  },
+  {
+    "id": 1620697,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運包",
+    "pay": 500,
+    "win": 250000,
+    "rate": 500
+  },
+  {
+    "id": 1625924,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運包",
+    "pay": 500,
+    "win": 250000,
+    "rate": 500
+  },
+  {
+    "id": 1669940,
+    "nick": "احمد 77",
+    "erban_no": 4041019,
+    "avatar": "https://image.molistar.xyz/ee732806-a34e-4bd5-aac1-79abd1db5ad0.jpg",
+    "gift_name": "幸運包",
+    "pay": 500,
+    "win": 250000,
+    "rate": 500
+  },
+  {
+    "id": 1862408,
+    "nick": "✯͜͡☚ملك الإحساس",
+    "erban_no": 117000,
+    "avatar": "https://image.molistar.xyz/b4f5a2b2-0674-4f44-8c27-079de7473bbc.jpeg",
+    "gift_name": "幸運戒",
+    "pay": 2100,
+    "win": 210000,
+    "rate": 100
+  },
+  {
+    "id": 1475378,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1467535,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1478055,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1472085,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1475443,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1468795,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1470498,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1468178,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1477844,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1470538,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 1467538,
+    "nick": "رٖيےـاضے",
+    "erban_no": 500059,
+    "avatar": "https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg",
+    "gift_name": "幸運手錶",
+    "pay": 2000,
+    "win": 200000,
+    "rate": 100
+  },
+  {
+    "id": 2052835,
+    "nick": "👑KIKAY QUEEN",
+    "erban_no": 1143333,
+    "avatar": "https://image.molistar.xyz/420bbd61-1a23-443e-9d3d-d806499d65fd.jpeg",
+    "gift_name": "金钥",
+    "pay": 376,
+    "win": 188000,
+    "rate": 500
+  },
+  {
+    "id": 1493012,
+    "nick": "✯͜͡ڪـᬼريم",
+    "erban_no": 5860974,
+    "avatar": "https://image.molistar.xyz/2ab83c64-c561-448c-9c82-690f5eb838b1.jpeg",
+    "gift_name": "幸運爪",
+    "pay": 350,
+    "win": 175000,
+    "rate": 500
+  },
+  {
+    "id": 1876262,
+    "nick": "👋آإلـ⚚ﺰ؏يــ⇣ﻢ⇣",
+    "erban_no": 1112,
+    "avatar": "https://image.molistar.xyz/74c172f5-a165-437c-be9a-21fbfea69b18.jpeg",
+    "gift_name": "幸運馬卡龍",
+    "pay": 1700,
+    "win": 170000,
+    "rate": 100
+  }
+]
+
+

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

@@ -0,0 +1,39 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        headerImg: "./images/top-ar.png",
+        gameImg: "./images/game-ar.png",
+        giftImg: "./images/gift-ar.png",
+        wealthImg: "./images/caifu-ar.png",
+        inviteImg: "./images/yaoqing-ar.png",
+        gift1:'500059 I',
+        Send:'أرسل',
+        Won:'عدد',
+        Times:'الأوقات',
+        Coins:'العملات',
+        '500059 I':'500059 I',
+        幸運手錶:'ساعة الحظ',
+        幸運包:'حقيبة الحظ',
+        金钥:'المفتاح الذهبي',
+        幸運戒:'خاتم الحظ',
+        幸運爪:'مخلب الحظ',
+        幸運馬卡龍:'ماكارون الحظ',
+        gift_txt1:'* تأتي بيانات العرض من سجلات حقيقية في التطبيق',
+        gift_txt2:'* 1$=7K coin في التطبيق',
+        gift_txt3:'* يمكن استخدام العملات التي تم الحصول عليها في اللعبة فقط في التطبيق ولا يمكن استبدالها نقدًا.',
+        gift_txt4:'* شارك في اللعبة لمشاركة مجموعة العملات كل أسبوع.',
+        gift_txt5:'* 1$=7K coin في التطبيق',
+        gift_txt6:'* يمكن استخدام العملات التي تم الحصول عليها فقط في التطبيق ولا يمكن استبدالها نقدًا.',
+        txt7:'ادعُ أصدقاءك لإعادة الشحن!',
+        txt8:'أنت !',
+        txt9:'أنت تحصل على عملات! !',
+        txt10:'صدقائه إعادة شحن !',
+        txt11:'! يمكنك أيضًا الحصول على عملات! ! !',
+        invition_txt:'دعوة من',
+        txt12:'حفلة مولستار',
+        txt13:'رمز الدعوة',
+        txt14:'افتح',
+    }
+
+}

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

@@ -0,0 +1,36 @@
+langEn = {
+    demoModule: {
+        headerImg: "./images/top-en.png",
+        gameImg: "./images/game-en.png",
+        giftImg: "./images/gift-en.png",
+        wealthImg: "./images/caifu-en.png",
+        inviteImg: "./images/yaoqing-en.png",
+        gift1:'500059 I',
+        Send:'Send',
+        Won:'Won',
+        Times:'Times',
+        Coins:'Coins',
+        '500059 I':'500059 I',
+        幸運手錶:'Lucky Watch',
+        幸運包:'Lucky Bag',
+        金钥:'Golden Key',
+        幸運戒:'Lucky Ring',
+        幸運爪:'Lucky Claw',
+        幸運馬卡龍:'Lucky Macaron',
+        gift_txt1:'* Display data comes from real records in the App',
+        gift_txt2:'* 1$=7K coins in the App',
+        gift_txt3:'* Coins obtained in the game can only be used in the app and cannot be exchanged for cash.',
+        gift_txt4:'* Participate in the game to share the coin pool every week.',
+        gift_txt5:'* 1$=7K coins in the App',
+        gift_txt6:'* Coins obtained can only be used in the app and cannot be exchanged for cash.',
+        txt7:'Invite friends to recharge!',
+        txt8:'He recharges! ',
+        txt9:'You get coins! !',
+        txt10:'His friends recharge! ',
+        txt11:'You can also get coins! ! !',
+        invition_txt:'INVITATION FROM',
+        txt12:'Molistar Party',
+        txt13:'Invitation code',
+        txt14:'Open',
+    },
+}

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

@@ -0,0 +1,38 @@
+langTr = {
+    demoModule: {
+        headerImg: "./images/top-tr.png",
+        gameImg: "./images/game-tr.png",
+        giftImg: "./images/gift-tr.png",
+        wealthImg: "./images/caifu-tr.png",
+        inviteImg: "./images/yaoqing-tr.png",
+        gift1:'500059 I',
+        Send:'Gönder',
+        Won:'Kazanılan',
+        Times:'Zaman',
+        Coins:'Jetonlar',
+        '500059 I':'500059 I',
+        幸運手錶:'Şanslı Saat',
+        幸運包:'Şanslı Çanta',
+        金钥:'Altın Anahtar',
+        幸運戒:'Şanslı Yüzük',
+        幸運爪:'Şanslı Pençe',
+        幸運馬卡龍:'Şanslı Makaron',
+        gift_txt1:'* Görüntülenen veriler Uygulamadaki gerçek kayıtlardan gelir',
+        gift_txt2:'* 1$=Uygulamadaki 7K jeton',
+        gift_txt3:'* Oyunda elde edilen jetonlar yalnızca uygulamada kullanılabilir ve nakitle değiştirilemez.',
+        gift_txt4:'* Jeton havuzunu her hafta paylaşmak için oyuna katılın.',
+        gift_txt5:'* 1$=Uygulamadaki 7K jeton',
+        gift_txt6:'* Elde edilen jetonlar yalnızca uygulamada kullanılabilir ve nakitle değiştirilemez.',
+        txt7:'Arkadaşlarınızı şarj etmeye davet edin!',
+        txt8:'O şarj eder!',
+        txt9:'Siz jeton kazanırsınız! !',
+        txt10:'Arkadaşları şarj eder! ',
+        txt11:'Siz de jeton kazanabilirsiniz! ! !',
+        invition_txt:'DAVET',
+        txt12:'Molistar Partisi',
+        txt13:'Davet kodu',
+        txt14:'Açık',
+
+    }
+
+}

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

@@ -0,0 +1,32 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        headerImg: "./images/top-zh.png",
+        gift1:'500059 I',
+        Send:'送出',
+        Won:'贏了',
+        Times:'倍數',
+        Coins:'金幣',
+        '500059 I':'500059 I',
+        幸運手錶:'幸運手錶',
+        幸運包:'幸運包',
+        金钥:'金钥',
+        幸運戒:'幸運戒',
+        幸運爪:'幸運爪',
+        幸運馬卡龍:'幸運馬卡龍',
+        gift_txt1:'* 展示數據來自App內真實記錄',
+        gift_txt2:'* App內1$=7K 金幣',
+        gift_txt3:'* 遊戲中獲得的金幣僅可在app內使用，不支援兌換為現金。',
+        txt7:'邀請好友儲值！',
+        txt8:'他充值！',
+        txt9:'你獲得金幣！ ！',
+        txt10:'他的好友儲值！',
+        txt11:'你也可以獲得金幣！ ！ ！',
+        invition_txt:'邀請來自',
+        txt12:'Molistar Party',
+        txt13:'邀請碼',
+        txt14:'打開',
+    }
+
+}

view/molistar/modules/guild-ar/css/salary.scss

@@ -824,6 +824,7 @@ html {
       margin: 0 auto;
       background: #04D5C6;
       border-radius: px2rem(25);
+      margin-bottom: px2rem(14);
     }
   }
 }

view/molistar/modules/guild-ar/generalSalary.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css">
+    <link rel="stylesheet" href="./css/BANK.css">
+</head>
+
+<body>
+    <!-- 頂部返回 -->
+    <div class="back">
+        <img src="./images/travel/back3.png" alt="">
+        <b class="text1"></b>
+    </div>
+    <!-- 账户信息 -->
+    <div class="box currencyType">
+        <input type="text" disabled placeholder="Currency Type:USD" class="text6">
+        <!-- <img src="./images/right.png" alt="" class="right"> -->
+    </div>
+    <p class="p "><span>*</span> <b class="p1"></b></p>
+    <div class="box country">
+        <input type="text" readonly placeholder="Country" class="text7">
+        <img src="./images/right.png" alt="" class="right">
+    </div>
+    <p class="p "><span>*</span> <b class="p7"></b></p>
+    <div class="box payeeAccountNo">
+        <input type="text" placeholder="payeeAccountNo" class="text8">
+    </div>
+    <p class="p 5 payeeName_top"><span>*</span> <b class="p5"></b></p>
+    <div class="box payeeName">
+        <input type="text" placeholder="payeeName" class="text9"
+            onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
+    </div>
+    <!-- 按钮 -->
+    <div class="but">
+        <!-- 确认按钮 -->
+        <div class="ok text2"></div>
+        <!-- 解绑按钮 -->
+        <div class="determine text3"></div>
+    </div>
+    <!-- 选择弹窗 -->
+    <div class="pub">
+        <div class="pub_in">
+            <div class="title text4"></div>
+            <div class="soure text5"></div>
+            <div class="countryPub"></div>
+        </div>
+    </div>
+</body>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
+<script src="./js/generalSalary.js"></script>
+<script src="../../common/local/langHandler.js"></script>
+
+</html>

view/molistar/modules/guild-ar/js/generalSalary.js

@@ -0,0 +1,221 @@
+const urlData = getQueryString();
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+    new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+    layer.open({
+        type: 2,
+        shadeClose: false,
+        content,
+        success(e) {
+            layerIndex = $(e).attr('index')
+        }
+    })
+}
+const hideLoading = (index) => {
+    layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+    layer.open({
+        content,
+        time,
+        skin: 'msg'
+    })
+}
+var fields = {};
+$(function () {
+    getInfoFromClient();
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    setTimeout(function () {
+        // 頁面全屏
+        if (browser.app) {
+            if (browser.android) {
+                window.androidJsObj.initShowNav(false)
+            } else {
+                window.webkit.messageHandlers.initShowNav.postMessage(0)
+            }
+        };
+        // 頂部返回事件
+        $('.back img').click(() => {
+            window.history.back();
+        })
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        translateFun();
+        get()
+    }, 100);
+
+});
+var typeName = urlData.name
+function translateFun() {
+    langReplace = window.lang.replace;
+    localLang = window.lang;
+    $('.text1').text(typeName);
+    $('.text2').text(langReplace(localLang.payonner.text2));
+    $('.text3').text(langReplace(localLang.payonner.text3));
+    $('.text4').text(langReplace(localLang.payonner.text4));
+    $('.text5').text(langReplace(localLang.payonner.text5));
+    $('.text6').attr('placeholder', langReplace(localLang.payonner.text6));
+    $('.text7').attr('placeholder', langReplace(localLang.payonner.text7));
+    $('.text8').attr('placeholder', langReplace(localLang.pTitle.p7));
+    $('.text9').attr('placeholder', langReplace(localLang.payonner.text9));
+    $('.p1').text(langReplace(localLang.pTitle.p1));
+    $('.p7').text(langReplace(localLang.pTitle.p7));
+    $('.p5').text(langReplace(localLang.pTitle.p5));
+    if (typeName == 'epay') {
+        $('.payeeName').hide();
+        $('.payeeName_top').hide();
+
+    }
+}
+// 获取
+function get() {
+    showLoading();
+    networkRequest({
+        type: "GET",
+        url: urlPrefix + "/guild/usd/withdrawAccount/get",
+        data: { type: getQueryString().type },
+        success: function (res) {
+            if (res.code == 200) {
+                // 回显数据
+                $('.currencyType input').val(langReplace(localLang.payonner.text6) + res.data.currency);
+                fields = res.data.fields;
+                if (fields.country == '') {
+                    $('.but .determine').hide();
+                    $('.but .ok').show();
+                    $('.box input').attr('disabled', false)
+                } else {
+                    $('.but .determine').show();
+                    $('.but .ok').hide();
+                    $('.box input').attr('disabled', true)
+                }
+                $('.currencyType input').attr('disabled', true)
+                $('.country input').val(fields.country);
+                $('.payeeAccountNo input').val(fields.bank_account);
+                $('.payeeName input').val(fields.full_name);
+                // 渲染国家
+                $('.pub .pub_in .countryPub').remove();
+                var str = '';
+                res.data.countryOptionalList.forEach(res => {
+                    str += `
+                    <div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
+                    `
+                })
+                $('.pub .pub_in').append(str);
+            } else {
+                toastMsg(res.message);
+            }
+            hideLoading(layerIndex);
+        },
+        error: function (res) {
+            console.log(res, "报错啦");
+            hideLoading(layerIndex);
+        },
+    });
+}
+// 选择国家
+$('.country').click(function () {
+    $('.pub').show();
+})
+// 关闭选择国家
+$('.pub').click(function (params) {
+    $('.pub').hide();
+})
+// 选中国家
+var nameTitle
+$('.pub .pub_in').on('click', '.countryPub', function name(params) {
+    $(this).addClass('act').siblings().removeClass('act');
+    nameTitle = $(this).attr('name');
+    var country = $(this).attr('country');
+    fields.country = country;
+    return false;
+})
+// 确认选中国家
+$('.pub .pub_in .soure').click(function name(params) {
+    $('.country input').val(nameTitle);
+    $('.pub').hide();
+})
+// 确认绑定按钮
+$('.but .ok').click(function (params) {
+    console.log(fields);
+    var obj = {}
+    obj.country = fields.country;
+    obj.bank_account = $('.payeeAccountNo input').val();
+    if (typeName !== 'epay') {
+        obj.full_name = $('.payeeName input').val();
+    }
+    if (obj.country && obj.bank_account && (typeName !== 'epay' ?obj.full_name : true)) {
+        fields = obj;
+        var objJson = {
+            uid: pubInfo.uid,
+            // uid: 3840,
+            type: getQueryString().type,
+            fields,
+        }
+        update(JSON.stringify(objJson));
+    } else {
+        toastMsg(langReplace(localLang.payonner.text10));
+    }
+})
+// 绑定更新信息
+function update(obj) {
+    showLoading();
+    networkRequest({
+        type: "post",
+        url: urlPrefix + "/guild/usd/withdrawAccount/bound",
+        contentType: 'application/json;charset=UTF-8',
+        data: obj,
+        success: function (res) {
+            if (res.code == 200) {
+                get();
+                toastMsg('success');
+                location.href = './salary_account.html'
+            } else {
+                toastMsg(res.message);
+            }
+            hideLoading(layerIndex);
+        },
+        error: function (res) {
+            hideLoading(layerIndex);
+        },
+    });
+}
+// 解绑
+$('.but .determine').click(function () {
+    var objJson = {
+        uid: pubInfo.uid,
+        // uid: 3839,
+        type: getQueryString().type,
+    }
+    unbound(JSON.stringify(objJson));
+})
+// 解绑
+function unbound(obj) {
+    showLoading();
+    networkRequest({
+        type: "post",
+        url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
+        contentType: 'application/json;charset=UTF-8',
+        data: obj,
+        success: function (res) {
+            if (res.code == 200) {
+                get();
+                toastMsg('success');
+            } else {
+                toastMsg(res.message);
+            }
+            hideLoading(layerIndex);
+        },
+        error: function (res) {
+            hideLoading(layerIndex);
+        },
+    });
+}

view/molistar/modules/guild-ar/js/index.js

@@ -99,14 +99,14 @@ function translateFun() {
     $('.newtext7').text(langReplace(localLang.demoModule.newtext7));
     $('.audit').text(langReplace(localLang.demoModule.audit));
     $('.weeklyRewardsText1').text(langReplace(localLang.demoModule.weeklyRewardsText1));
-    if (window.localStorage.getItem('partitionId') == 2) {
-        $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
-    } else if (window.localStorage.getItem('partitionId') == 8) {
-        $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22));
-    }
+    // if (window.localStorage.getItem('partitionId') == 2) {
+    //     $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
+    // } else if (window.localStorage.getItem('partitionId') == 8) {
+    //     $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22));
+    // }
     $('.weeklyRewardsText3').text(langReplace(localLang.demoModule.weeklyRewardsText3));
     $('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
-    $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
+    // $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
 }
 // 判断公会身份函数
 function guildFun(type) {
@@ -152,6 +152,17 @@ function get() {
                 if (partitionId == 8) {
                     $('.weeklyRewards').hide();
                 }
+                if (partitionId == 2) {
+                    $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
+                } else if (partitionId == 8) {
+                    $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText22));
+                }
+                if(partitionId == 16){
+                    $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText6));
+                    $('.headerBox .headerBox_in div .why').hide();
+                }else{
+                    $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
+                }
                 // 判断身份
                 roleTypes = res.data.roleType;
                 if (roleTypes == 1 && res.data.isReview == true) {

view/molistar/modules/guild-ar/js/salary.js

@@ -49,6 +49,7 @@ var usGold;
 var accountListName;
 var accountObj = {};
 var withdrawRate;
+var partitionId = window.localStorage.getItem('partitionId')
 $(function () {
   getInfoFromClient();
   fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
@@ -106,8 +107,14 @@ $(function () {
     $('.textnew11').html(langReplace(localLang.salary.textnew11));
     $('.textnew12').html(langReplace(localLang.salary.textnew12));
     $('.textnew15').html(langReplace(localLang.salary.textnew15));
-    $('.textnew16').html(langReplace(localLang.salary.textnew16));
     $('.textnew17').html(langReplace(localLang.salary.textnew17));
+    if(partitionId !=16){
+    $('.textnew16').html(langReplace(localLang.salary.textnew16));
+
+    }else{
+    $('.textnew16').html(langReplace(localLang.newENsalary.textnew16));
+
+    }
   }
 });
 // 获取usd操作的功能标签tab
@@ -151,21 +158,22 @@ function getTab() {
           })
           $('.agent_pop .wrap').append(agent_popStr);
           $('.agent_pop .sure').attr('uid', rechargeUserList[0].uid);
-          // 渲染账户列表
-          var accountListStr = '';
-          withdrawRate = res.data.withdrawAccountVo.withdrawRate;
-          $('.selectAccount .selectAccount_in .accountBox .account').remove();
-          res.data.withdrawAccountVo.accountList.forEach(res => {
-            accountListStr += `
-                  <div class="account">
-                    <img style="display:${res.hasBound ? 'block' : 'none'}" src="./images/not.png" alt="" class="sel" name=${res.name} type=${res.type} obj='${JSON.stringify(res)}'>
-                    <b>${res.name}</b><span>${res.hasBound ? '' : '(Unbound)'}</span>
-                    <img  src="./images/eidIcon.png" alt="" class="eid" type=${res.type}>
-                  </div>
-            `
-          })
-          $('.selectAccount .selectAccount_in .accountBox').append(accountListStr);
+
         }
+        // 渲染账户列表
+        var accountListStr = '';
+        withdrawRate = res.data.withdrawAccountVo.withdrawRate;
+        $('.selectAccount .selectAccount_in .accountBox .account').remove();
+        res.data.withdrawAccountVo.accountList.forEach(res => {
+          accountListStr += `
+                <div class="account">
+                  <img style="display:${res.hasBound ? 'block' : 'none'}" src="./images/not.png" alt="" class="sel" name=${res.name} type=${res.type} obj='${JSON.stringify(res)}'>
+                  <b>${res.name}</b><span>${res.hasBound ? '' : '(Unbound)'}</span>
+                  <img  src="./images/eidIcon.png" alt="" class="eid" type=${res.type} name=${res.name}>
+                </div>
+          `
+        })
+        $('.selectAccount .selectAccount_in .accountBox').append(accountListStr);
         // 当前可提现余额
         usGold = res.data.guildUsdNum
         $('.my_salary p b').text(`${usGold}ÜS`);
@@ -269,7 +277,7 @@ function typeTabFun(type) {
               <img class="wenhao" src="./images/wenhao.png" />
             </p>
             <div class="pop" style="display:none">
-             ${langReplace(localLang.salary.text21)}
+              ${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
             </div>
           </li>
       `
@@ -281,7 +289,7 @@ function typeTabFun(type) {
               <e>${langReplace(localLang.salary.text22)}</e>
             </p>
             <div class="pop" style="display:none">
-            ${langReplace(localLang.salary.text21)}
+             ${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
             </div>
           </li>
       `
@@ -293,7 +301,7 @@ function typeTabFun(type) {
               <e>${langReplace(localLang.salary.text23)}</e>
             </p>
             <div class="pop" style="display:none">
-            ${langReplace(localLang.salary.text21)}
+            ${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
             </div>
           </li>
       `
@@ -648,7 +656,20 @@ $('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .sel',
 // 选择账户编辑
 $('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .eid', function () {
   var type = $(this).attr('type');
-  location.href = `./${type}.html?type=${type}`
+  if (partitionId != 16) {
+    location.href = `./${type}.html?type=${type}`
+  } else {
+    var name = $(this).attr('name');
+    if (name == 'bank') {
+      location.href = `./BANK.html?type=${type}`
+    } else if (name == 'payonner') {
+      location.href = `./PAYONNER.html?type=${type}`
+    }
+    else {
+      location.href = `./generalSalary.html?type=${type}&name=${name}`
+    }
+
+  }
 })
 // 关闭成功按钮
 $('.success .success_in .but').click(function () {

view/molistar/modules/guild-ar/js/weeklyRewardsRule.js

@@ -60,11 +60,17 @@ function translateFun() {
     var langReplace = window.lang.replace;
     var localLang = window.lang;
     $('.text1').text(langReplace(localLang.weeklyRewardsRule.text1));
-    $('.text2').html(langReplace(localLang.weeklyRewardsRule.text2));
+    if(window.localStorage.getItem('partitionId') == 16){
+        $('.text2').html(langReplace(localLang.weeklyRewardsRule.text22));
+        $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3));
+    }else{
+        $('.text2').html(langReplace(localLang.weeklyRewardsRule.text2));
     if (window.localStorage.getItem('partitionId') == 2) {
         $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text3));
     } else if (window.localStorage.getItem('partitionId') == 8) {
         $('.text3').attr('src', langReplace(localLang.weeklyRewardsRule.text33));
     }
+    }
+    
 
 }

view/molistar/modules/guild-ar/local/ar.js

@@ -54,6 +54,7 @@ langAr = {
         weeklyRewardsText33: `تم الاستلام`,
         weeklyRewardsText4: 'مستوى المضيف',
         weeklyRewardsText5: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+3)',
+        weeklyRewardsText6: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+8)',
     },
     adminSet: {
         text1: `إعدادات المشرف`,
@@ -293,6 +294,10 @@ langAr = {
         textnew17: `موافق`, textnew18: 'تقييم النجوم:',
 
     },
+    newENsalary:{
+        textnew16:'تم الإرسال بنجاح! لقد قبل النظام طلبك وسيُعالجه في أقرب وقت ممكن.',
+        text21:'يمكن للوكيل الانسحاب مرة واحدة في الأسبوع.'
+    },
     bill: {
         text1: `الفاتورة`,
         text2: `الدخل`,
@@ -373,6 +378,9 @@ langAr = {
         <p>3 تدرج مكافآت العملات</p>`,
         text3: `./images/weeklyRewardsRule2-ar.png`,
         text33: `./images/weeklyRewardsRule2-trar.png`,
+        text22: `<p>1 وقت النشاط: 0:00-23:59 (GMT+8) كل أسبوع.</p>  
+        <p>2 مكافآت العملات: يتم حساب دخل المستخدم من الألماس أسبوعيًا، ويمكنك الحصول على العملات عند الوصول إلى مستوى معين.</p>  
+        <p>3 تدرج مكافآت العملات</p>`,
     },
     agencyDiamondIncome: {
         text1: `إيرادات الألماس للوكالة`, // 阿拉伯文

view/molistar/modules/guild-ar/local/en.js

@@ -52,6 +52,7 @@ langEn = {
         weeklyRewardsText33: 'Got',
         weeklyRewardsText4: 'Host Lv',
         weeklyRewardsText5: 'Reset time: Monday 0:00 (GMT+3)',
+        weeklyRewardsText6: 'Reset time: Monday 0:00 (GMT+8)',
     },
     adminSet: {
         text1: `Administrator`,
@@ -293,6 +294,10 @@ langEn = {
         textnew17: `OK`,
         textnew18: `Star rating:`,
     },
+    newENsalary:{
+        textnew16:'Submission successful! The system has accepted your application and will process it as soon as possible.',
+        text21:'The Agent can withdraw once a week.'
+    },
     bill: {
         text1: `Bill`,
         text2: `Income`,
@@ -375,6 +380,10 @@ langEn = {
         <p>3 Coin reward gradient</p>`,
         text3: `./images/weeklyRewardsRule2.png`,
         text33: `./images/weeklyRewardsRule2-tren.png`,
+        text22: `<p>1 Activity time: 0:00-23:59 (GMT+8) every week.</p>
+        <p>2 Coin rewards: Calculate the user's diamond income every week, and you can get corresponding coins when you
+            reach a certain level.</p>
+        <p>3 Coin reward gradient</p>`,
     },
     agencyDiamondIncome: {
         text1: `Agency Diamond Income`,

view/molistar/modules/guild-ar/local/tr.js

@@ -52,6 +52,7 @@ langTr = {
         weeklyRewardsText33: 'Alındı',
         weeklyRewardsText4: ' Seviyesi',
         weeklyRewardsText5: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+3)',
+        weeklyRewardsText6: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+8)',
     },
     adminSet: {
         text1: `Yönetici`,
@@ -293,6 +294,10 @@ langTr = {
         textnew17: `Tamam`, textnew18: 'Yıldız puanı:',
 
     },
+    newENsalary:{
+        textnew16:'Gönderim başarılı! Sistem başvurunuzu kabul etti ve en kısa sürede işleme koyacak.',
+        text21:'Acente haftada bir kez çekim yapabilir.'
+    },
     bill: {
         text1: `Fatura`,
         text2: `Gelir`,
@@ -374,6 +379,9 @@ langTr = {
         <p>3 jeton Ödül Gradyanı</p>`,
         text3: `./images/weeklyRewardsRule2.png`,
         text33: `./images/weeklyRewardsRule2-trtr.png`,
+        text22: `<p>1 Aktivite Zamanı: Her hafta 0:00-23:59 (GMT+8)</p>
+        <p>2 jeton Ödülleri: Kullanıcının elmas gelirleri her hafta hesaplanır, belirli bir seviyeye ulaştığında karşılık gelen madeni paralar verilir.</p>
+        <p>3 jeton Ödül Gradyanı</p>`,
     },
     agencyDiamondIncome: {
         text1: `Ajans Elmas Geliri`,

view/molistar/modules/guild-ar/local/zh.js

@@ -54,6 +54,7 @@ langZh = {
         weeklyRewardsText33: '已獲得',
         weeklyRewardsText4: '主播等級',
         weeklyRewardsText5: '重置時間：週一 0:00（GMT+3）',
+        weeklyRewardsText6: '重置時間：週一 0:00（GMT+8）',
     },
     adminSet: {
         text1: `管理員設置`,
@@ -295,6 +296,10 @@ langZh = {
         textnew17: `確定`, textnew18: '星級評分：',
 
     },
+    newENsalary:{
+        textnew16:'提交成功！系統已受理您的申請，將盡快為您處理。',
+        text21:'公会长每周可提现1次。'
+    },
     bill: {
         text1: `賬單`,
         text2: `收入`,
@@ -375,6 +380,9 @@ langZh = {
         <p>3 金幣獎勵梯度</p>`,
         text3: `./images/weeklyRewardsRule2.png`,
         text33: `./images/weeklyRewardsRule2-trtr.png`,
+        text22: `<p>1 活動時間：每週 0:00-23:59（GMT+8）。</p>  
+        <p>2 金幣獎勵：每週計算用戶的鑽石收入，達到特定級別時可以獲得相應的金幣獎勵。</p>  
+        <p>3 金幣獎勵梯度</p>`,
     },
     agencyDiamondIncome: {
         text1: `公會鑽石收入`, // 繁體中文

view/molistar/modules/guildAr/index.html

@@ -93,7 +93,7 @@
         </div>
         <div class="weeklyRewards_in">
             <img src="./images/rewardsTbg.png" alt="" class="topImg">
-            <div class="title weeklyRewardsText2"></div>
+            <!-- <div class="title weeklyRewardsText2"></div> -->
             <div class="box">
                 <div class="left">
                     <img src="./images/coin.png" alt="" class="gold">

view/molistar/modules/guildAr/js/index.js

@@ -88,7 +88,7 @@ function translateFun() {
     $('.newText3').text(langReplace(localLang.demoModule.newText3));
     $('.audit').text(langReplace(localLang.demoModule.audit));
     $('.weeklyRewardsText1').text(langReplace(localLang.demoModule.weeklyRewardsText1));
-    $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
+    // $('.weeklyRewardsText2').text(langReplace(localLang.demoModule.weeklyRewardsText2));
     $('.weeklyRewardsText3').text(langReplace(localLang.demoModule.weeklyRewardsText3));
     $('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
     $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));

view/molistar/modules/guildAr/js/weeklyRewards.js

@@ -63,7 +63,7 @@ function translateFun() {
     var langReplace = window.lang.replace;
     var localLang = window.lang;
     $('.text1').text(langReplace(localLang.weeklyRewards.text1));
-    $('.text2').html(langReplace(localLang.weeklyRewards.text2));
+    // $('.text2').html(langReplace(localLang.weeklyRewards.text2));
     $('.text3').text(langReplace(localLang.weeklyRewards.text3));
     $('.text4').text(langReplace(localLang.weeklyRewards.text4));
     $('.text5').text(langReplace(localLang.weeklyRewards.text5));

view/molistar/modules/guildAr/weeklyRewards.html

@@ -20,7 +20,7 @@
     </div>
     <div class="box">
         <img src="./images/rewardsTbg.png" alt="" class="topImg">
-        <div class="title text2"></div>
+        <!-- <div class="title text2"></div> -->
         <ul>
             <li>
                 <div class="left">

view/molistar/modules/humanMachineVerification/css/index.css

@@ -0,0 +1,79 @@
+html,
+body {
+  width: 100%;
+  background: #F2F3F7;
+}
+
+.header {
+  padding: 0.2666666667rem 0.3466666667rem;
+}
+.header .txt {
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 500;
+  font-size: 0.3466666667rem;
+  color: #313131;
+  line-height: 0.64rem;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+}
+.header .name {
+  color: #FF8C03;
+  font-size: 0.64rem;
+  font-weight: 600;
+}
+
+.content {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 0.2666666667rem;
+  padding: 0 0.3466666667rem;
+}
+.content .image-container {
+  position: relative;
+}
+.content .image-container img {
+  width: 2.8rem;
+  height: 2.8rem;
+  border-radius: 0.1066666667rem;
+  transition: filter 0.2s ease;
+}
+.content .image-container .checkmark {
+  position: absolute;
+  bottom: 0.1333333333rem;
+  right: 0.2666666667rem;
+  width: 0.4266666667rem;
+  height: 0.4266666667rem;
+  background-image: url("../images/yes.png");
+  background-size: cover;
+  background-position: center;
+  display: none;
+}
+
+.bottom {
+  padding: 0 0.3466666667rem;
+  margin-top: 0.3733333333rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.bottom .left_img img {
+  width: 0.64rem;
+  height: 0.64rem;
+}
+.bottom .right_bottom {
+  background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+  border-radius: 3.12rem;
+  font-family: PingFang SC, PingFang SC;
+  font-weight: 500;
+  font-size: 0.3733333333rem;
+  color: #FFFFFF;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.2133333333rem 0.64rem;
+}
+
+.shadow {
+  filter: brightness(0.6);
+}

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

@@ -0,0 +1,91 @@
+@function px2rem($px) {
+  @return $px / 75+rem;
+}
+
+html,
+body {
+  width: 100%;
+  background: #F2F3F7;
+  // padding: px2rem(26);
+}
+
+.header {
+  padding:px2rem(20) px2rem(26);
+  .txt {
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-size: px2rem(26);
+    color: #313131;
+    line-height: px2rem(48);
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+  }
+
+  .name {
+    color: #FF8C03;
+    font-size: px2rem(48);
+    font-weight: 600;
+  }
+}
+
+.content {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: px2rem(20);
+  padding: 0 px2rem(26);
+  .image-container {
+    position: relative;
+
+    img {
+      width: px2rem(210);
+      height: px2rem(210);
+      border-radius: px2rem(8);
+      transition: filter 0.2s ease; // 添加过渡效果
+    }
+
+    .checkmark {
+      position: absolute;
+      bottom: px2rem(10);
+      right: px2rem(20);
+      width: px2rem(32);
+      height: px2rem(32);
+      background-image: url('../images/yes.png'); // 替换为你的选中标记图标路径
+      background-size: cover;
+      background-position: center;
+      display: none; // 默认隐藏
+    }
+  }
+
+}
+
+.bottom {
+  padding: 0 px2rem(26);
+  margin-top: px2rem(28);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .left_img {
+    img {
+      width: px2rem(48);
+      height: px2rem(48);
+    }
+  }
+
+  .right_bottom {
+    background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
+    border-radius: px2rem(234);
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+    font-size: px2rem(28);
+    color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: px2rem(16) px2rem(48);
+  }
+}
+
+.shadow {
+  filter: brightness(0.6);
+}

view/molistar/modules/humanMachineVerification/index.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title class="text1"></title>
+    <link rel="stylesheet" href="../../common/css/reset.css" />
+    <link rel="stylesheet" href="../../common/css/animate.css" />
+    <link rel="stylesheet" href="./css/index.css?v=1.1" />
+  </head>
+
+  <body>
+    <div class="header">
+      <div class="txt" id="text1"> Please select Include </div>
+      <div class="name" ></div>
+      <div class="txt" id="text2"> All pictures of </div>
+      <div class="txt" id="text3"> After there are no new images to click on, click "Verify" </div>
+    </div>
+    <div class="content">
+      <!-- <div class="image-container">
+        <img src="https://image.molistar.xyz/image/2f871546aff0ecd641eaa8509728a8b9.jpeg" alt="" >
+        <div class="checkmark"></div>
+      </div> -->
+    </div>
+    <div class="bottom">
+      <div class="left_img" id="changeImg">
+        <img src="./images/change.png" alt="">
+      </div>
+      <div class="right_bottom" id="text4">
+        Verify
+      </div>
+    </div>
+  </body>
+</html>
+<script src="../../common/js/flexible.js"></script>
+<script src="../../common/js/jquery-3.2.1.min.js"></script>
+<script src="../../common/js/common2.js"></script>
+<script src="../../common/js/layer.js"></script>
+<script src="../../common/js/vconsole.min.js"></script>
+<script src="../../common/js/route-constant.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./local/en.js"></script>
+<script src="./local/zh.js"></script>
+<script src="./local/ar.js"></script>
+<script src="./local/tr.js"></script>
+<script src="../../common/local/langHandler.js"></script>
+<script src="../../common/js/svga.min.js"></script>
+<script src="./js/index.js?v=1.0"></script>

view/molistar/modules/humanMachineVerification/js/index.js

@@ -0,0 +1,189 @@
+let urlPrefix = getUrlPrefix()
+let browser = checkVersion()
+let env = EnvCheck();
+if (env == 'test') {
+  new VConsole();
+}
+// 封裝layer消息提醒框
+let layerIndex
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
+  layer.open({
+    type: 2,
+    shadeClose: false,
+    content,
+    success(e) {
+      layerIndex = $(e).attr('index')
+    }
+  })
+}
+const hideLoading = (index) => {
+  layer.close(index)
+}
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
+  layer.open({
+    content,
+    time,
+    skin: 'msg'
+  })
+}
+// 初始化函數
+$(function () {
+  getInfoFromClient();
+  fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+  setTimeout(function () {
+    // 頁面全屏
+    if (browser.app) {
+      if (browser.android) {
+        window.androidJsObj.initShowNav(false)
+      } else {
+        window.webkit.messageHandlers.initShowNav.postMessage(0)
+      }
+    };
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    langReplace = window.lang.replace;
+    localLang = window.lang;
+    renderImgOption();
+  $('#text1').html(langReplace(localLang.demoModule.text1))
+  $('#text2').html(langReplace(localLang.demoModule.text2))
+  $('#text3').html(langReplace(localLang.demoModule.text3))
+  $('#text4').html(langReplace(localLang.demoModule.text4))
+
+  }, 100)
+
+})
+let randomImages = []
+let randomImageSetIndex =''
+function renderImgOption() {
+   randomImageSetIndex = getRandomImageSet();
+  const targetImage = imgOption[randomImageSetIndex];
+  $('.header .name').html(langReplace(localLang.demoModule[imgOption[randomImageSetIndex].name]))
+  // 随机选择目标图片出现一次或三次
+  const targetCount = Math.random() < 0.5 ? 1 : 3;
+  randomImages = getRandomNineImagesWithTarget(imgOption, targetImage,targetCount);
+  changeImg(randomImages);
+}
+function changeImg(obj) {
+  var str = ''
+  obj.forEach((item) => {
+    str += `
+    <div class="image-container">
+    <img src="${item.img}" alt="" >
+    <div class="checkmark"></div>
+    </div>
+    `
+  })
+  $('.content').append(str);
+}
+$('#changeImg').click(function () {
+  $('.content .image-container').remove();
+  renderImgOption();
+  selectedImages = []
+})
+// 定义随机抽取九个数据并确保包含目标图片的函数
+function getRandomNineImagesWithTarget(imgOption, targetImage,targetCount) {
+  const randomImages = [];
+  const allImages = imgOption.slice(); // 复制 imgOption 数组
+
+    // 从 allImages 中移除所有目标图片
+  const targetImages = allImages.filter(item => item.img === targetImage.img);
+  targetImages.forEach(target => {
+    const index = allImages.indexOf(target);
+    if (index > -1) {
+      allImages.splice(index, 1);
+    }
+  });
+
+  // 确保目标图片在随机抽取的九个图片中
+  for (let i = 0; i < targetCount; i++) { 
+    randomImages.push(targetImage);
+  }
+
+  // 随机抽取剩余的八个图片
+  while (randomImages.length < 9) {
+    const randomIndex = Math.floor(Math.random() * allImages.length);
+    const randomImage = allImages[randomIndex];
+    randomImages.push(randomImage);
+    allImages.splice(randomIndex, 1); // 移除已选择的图片，避免重复
+  }
+
+  // 打乱顺序
+  randomImages.sort(() => Math.random() - 0.5);
+
+  return randomImages;
+}
+
+// 定义随机选择函数
+function getRandomImageSet() {
+  const randomIndex = Math.floor(Math.random() * imgOption.length);
+  return randomIndex;
+}
+
+
+let selectedImages = [];
+// 点击图片事件
+$(document).on('click', '.content .image-container img', function () {
+  const container = $(this).closest('.image-container');
+  const checkmark = container.find('.checkmark');
+  container.find('img').toggleClass('shadow');
+  checkmark.toggle();
+
+  const imgSrc = $(this).attr('src');
+  if (selectedImages.includes(imgSrc)) {
+    selectedImages = selectedImages.filter(src => src !== imgSrc);
+  } else {
+    selectedImages.push(imgSrc);
+  }
+
+
+});
+// let verificationResult = false;
+// 验证逻辑
+$('.bottom .right_bottom').click(function () {
+  const targetImageName =imgOption[randomImageSetIndex].name;
+  // 获取所有目标图片的 src
+  const targetImages = imgOption.filter(item => item.name === targetImageName).map(item => item.img);
+  // 计算目标图片的数量
+  const targetImageCount = targetImages.length;
+  // 检查 selectedImages 中是否只包含目标图片
+  const onlyTargetImagesSelected = selectedImages.every(imgSrc => targetImages.includes(imgSrc));
+  // 计算 selectedImages 中目标图片的数量
+  const selectedTargetImageCount = selectedImages.filter(imgSrc => targetImages.includes(imgSrc)).length;
+
+  if (selectedTargetImageCount === targetImageCount && onlyTargetImagesSelected) {
+    // toastMsg(langReplace(localLang.demoModule.text6));
+    // verificationResult = true
+    // 告知客户端
+  if (browser.app) {
+    if (browser.android) {
+      window.androidJsObj.closeToVerify(true);
+    } else if (browser.ios) {
+      window.webkit.messageHandlers.closeToVerify.postMessage(true);
+    }
+  }
+  } else {
+    toastMsg(langReplace(localLang.demoModule.text5));
+    // verificationResult = false;
+    randomImages = []
+     selectedImages = [];
+     randomImageSetIndex = ''
+      setTimeout(()=>{
+        $('.content .image-container').remove();
+      renderImgOption();
+      },500)
+  }
+  
+});
+var imgOption = [
+  { img: './images/hudie.png', name: '蝴蝶' },
+  { img: './images/jingzi.png', name: '镜子' },
+  { img: './images/shanzi.png', name: '扇子' },
+  { img: './images/shuben.png', name: '书本' },
+  { img: './images/taozi.png', name: '桃子' },
+  { img: './images/tiantianquan.png', name: '甜甜圈' },
+  { img: './images/xianrenzhang.png', name: '仙人掌' },
+  { img: './images/xiaofangshuang.png', name: '消防栓' },
+  { img: './images/yizi.png', name: '椅子' },
+  { img: './images/zhaoxiangji.png', name: '照相机' },
+]

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

@@ -0,0 +1,23 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        text1:'الرجاء تحديد تضمين',
+        text2:'كل صور',
+        text3:'بعد عدم وجود صور جديدة للنقر عليها ، انقر فوق "تحقق"',
+        text4:'يؤكد',
+        text5:'فشل التحقق ، يرجى المحاولة مرة أخرى',
+        镜子:'مرآة',
+        书本:'كتاب',
+        桃子:'خَوخ',
+        椅子:'كرسي',
+        蝴蝶:'فراشة',
+        扇子:'معجب',
+        照相机:'آلة تصوير',
+        甜甜圈:'كعكة محلاة',
+        仙人掌:'صبار',
+        消防栓:'صنبور النار',
+        text6:'تحقق التحقق ، تم إرسال رمز التحقق من البريد الإلكتروني.'
+    }
+
+}

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

@@ -0,0 +1,21 @@
+langEn = {
+    demoModule: {
+        text1:'Please select Include',
+        text2:'All pictures of',
+        text3:'After there are no new images to click on, click "Verify"',
+        text4:'Verify',
+        text5:'Verification failed, please try again.',
+        镜子:'Mirror',
+        书本:'Book',
+        桃子:'Peach',
+        椅子:'Chair',
+        蝴蝶:'Butterfly',
+        扇子:'Fan',
+        照相机:'Camera',
+        甜甜圈:'Donut',
+        仙人掌:'Cactus',
+        消防栓:'Fire Hydrant',
+        text6:'Verification succeed, email verification code has been sent.'
+
+    },
+}

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

@@ -0,0 +1,22 @@
+langTr = {
+    demoModule: {
+        text1:`Lütfen dahil'yi seçin`,
+        text2:'Tüm resimler',
+        text3:'Tıklamak için yeni bir resim olmadıktan sonra "Doğrula" yı tıklayın',
+        text4:'Doğrulamak',
+        text5:'Doğrulama başarısız oldu, lütfen tekrar deneyin',
+        镜子:'Ayna',
+        书本:'Kitap',
+        桃子:'Şeftali',
+        椅子:'Sandalye',
+        蝴蝶:'Kelebek',
+        扇子:'Fan',
+        照相机:'Kamera',
+        甜甜圈:'Çörek',
+        仙人掌:'Kaktüs',
+        消防栓:'Yangın hidrant',
+        text6:'Doğrulama başarılı, e ​​-posta doğrulama kodu gönderildi.'
+
+    }
+
+}

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

@@ -0,0 +1,24 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        text1:'請選擇包含',
+        text2:'的所有圖片',
+        text3:'在沒有新圖片可以點按的圖片後，請點擊“驗證”',
+        text4:'驗證',
+        text5:'驗證失敗，請重試。',
+        镜子:'鏡子',
+        书本:'書本',
+        桃子:'桃子',
+        椅子:'椅子',
+        蝴蝶:'蝴蝶',
+        扇子:'扇子',
+        照相机:'照相機',
+        甜甜圈:'甜甜圈',
+        仙人掌:'仙人掌',
+        消防栓:'消防栓',
+        text6:'驗證成功，已發送驗證碼。'
+
+    }
+
+}

view/molistar/modules/myincome/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.4e19a7c329df0abfa66ee29b568728ce.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.6479ae4022bc797747a6.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.4f0fd942835d20980a09.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.280aa8b82422d6ec0216ead325b443dc.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.942d0a9cce40119db7fe.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.b3e5bc84deaa37aa156b.js></script></body></html>

view/molistar/modules/myincome/static/js/manifest.6b875f8022f55ea458c9.js

@@ -1,2 +1,2 @@
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,b=[];d<r.length;d++)i=r[d],t[i]&&b.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);b.length;)b.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"870a31b2b5a5125962ab",1:"cd107f60d5e2c4afb949",2:"72cf93d3883d38f98f7b",3:"00bcf5022e7d98b672a2",4:"c9d5b75efaa28b779e79",5:"93d874959b80a4ee1da1",6:"de3228ef1e13c7d6649c",7:"a1746a1c89c587b75f6f",8:"67319477a4c5ac59b510",9:"cf187b6df4a386b203eb",10:"f6e85397f46b6b94d58d",11:"a5e798e367bdaa3003e9",12:"b8ac2b08a54dd44dc799"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.6479ae4022bc797747a6.js.map
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,b=[];d<r.length;d++)i=r[d],t[i]&&b.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);b.length;)b.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"870a31b2b5a5125962ab",1:"cd107f60d5e2c4afb949",2:"4ffc446898255242fde8",3:"00bcf5022e7d98b672a2",4:"c9d5b75efaa28b779e79",5:"93d874959b80a4ee1da1",6:"de3228ef1e13c7d6649c",7:"a1746a1c89c587b75f6f",8:"67319477a4c5ac59b510",9:"cf187b6df4a386b203eb",10:"f6e85397f46b6b94d58d",11:"a5e798e367bdaa3003e9",12:"b8ac2b08a54dd44dc799"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.6b875f8022f55ea458c9.js.map