完善分享落地页

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

@@ -5,8 +5,48 @@ body {
   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 {
+  margin-bottom: 2.6666666667rem;
+}
+
 .game_boxwrap {
-  padding: 0 0.4rem;
+  margin: 0 0.4rem;
   position: relative;
 }
 .game_boxwrap .gameImg {
@@ -17,7 +57,8 @@ body {
   border-radius: 0.4266666667rem;
   position: absolute;
   top: 90%;
-  width: 9.2rem;
+  left: 0;
+  right: 0;
 }
 .game_boxwrap .wrap .game_item {
   background: linear-gradient(0deg, #FFFCED, #FEF3BD);
@@ -26,6 +67,15 @@ body {
   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;
 }
@@ -33,6 +83,9 @@ body {
   display: flex;
   align-items: center;
 }
+.game_boxwrap .wrap .game_content .flex_box .info {
+  text-align: center;
+}
 .game_boxwrap .wrap .game_content .flex_box .info img {
   width: 1.0666666667rem;
   height: 1.0666666667rem;
@@ -43,7 +96,7 @@ body {
   font-weight: 400;
   font-size: 0.32rem;
   color: #381600;
-  text-align: center;
+  margin-top: 0.1066666667rem;
 }
 .game_boxwrap .wrap .game_content .flex_box .right {
   display: flex;
@@ -76,9 +129,9 @@ body {
 }
 
 .gift_boxwrap {
-  padding: 0 0.4rem;
+  margin: 0 0.4rem;
   position: relative;
-  margin-top: 2rem;
+  margin-top: 11.3333333333rem;
 }
 .gift_boxwrap .giftImg {
   width: 100%;
@@ -88,12 +141,15 @@ body {
   border-radius: 0.4266666667rem;
   position: absolute;
   top: 90%;
-  width: 9.2rem;
 }
-.gift_boxwrap .wrap #gift_item {
+.gift_boxwrap .wrap .swiper {
   height: 2.6666666667rem;
-  /* 设置一个固定高度 */
-  overflow: hidden;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.gift_boxwrap .wrap .swiper .swiper-wrapper {
+  width: 100%;
+  height: 100%;
 }
 .gift_boxwrap .wrap .gift_content {
   position: relative;
@@ -156,11 +212,106 @@ body {
   color: #FFFFFF;
   text-align: center;
 }
-.gift_boxwrap .wrap .content.show {
-  transform: translateY(0);
+
+.wealth_boxwrap {
+  margin: 0 0.4rem;
+  position: relative;
+  margin-top: 5.3333333333rem;
 }
-.gift_boxwrap .wrap .content.hide {
-  transform: translateY(-100%);
+.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;
+}
+
+.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 {

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

@@ -10,13 +10,48 @@ body {
 }
 
 .header {
+  position: relative;
   .headerImg {
-    // width: 100%;
-  }
+    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{
+  margin-bottom: px2rem(200);
+}
 .game_boxwrap {
-  padding: 0 px2rem(30);
+  margin: 0 px2rem(30);
   position: relative;
 
   // height: px2rem(500);
@@ -29,7 +64,9 @@ body {
     border-radius: px2rem(32);
     position: absolute;
     top: 90%;
-    width: px2rem(690);
+    // width: px2rem(690);
+    left: 0;
+    right: 0;
 
     .game_item {
       background: linear-gradient(0deg, #FFFCED, #FEF3BD);
@@ -37,6 +74,22 @@ body {
       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 {
@@ -48,6 +101,8 @@ body {
         align-items: center;
 
         .info {
+          text-align: center;
+
           img {
             width: px2rem(80);
             height: px2rem(80);
@@ -59,7 +114,7 @@ body {
             font-weight: 400;
             font-size: px2rem(24);
             color: #381600;
-            text-align: center;
+            margin-top: px2rem(8);
           }
         }
 
@@ -103,9 +158,9 @@ body {
 }
 
 .gift_boxwrap {
-  padding: 0 px2rem(30);
+  margin: 0 px2rem(30);
   position: relative;
-  margin-top: px2rem(150);
+  margin-top: px2rem(850);
 
   .giftImg {
     width: 100%;
@@ -116,12 +171,24 @@ body {
     border-radius: px2rem(32);
     position: absolute;
     top: 90%;
-    width: px2rem(690);
+    // width: px2rem(690);
 
     #gift_item {
+      // height: px2rem(200);
+      // /* 设置一个固定高度 */
+      // overflow: hidden;
+
+    }
+
+    .swiper {
       height: px2rem(200);
-      /* 设置一个固定高度 */
-      overflow: hidden;
+      left: 50%;
+      transform: translateX(-50%);
+
+      .swiper-wrapper {
+        width: 100%;
+        height: 100%;
+      }
     }
 
     .gift_content {
@@ -204,13 +271,132 @@ body {
       }
 
     }
-
-    .content.show {
-      transform: translateY(0);
+  }
 }
 
-    .content.hide {
-      transform: translateY(-100%);
+.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;
+      }
+
+      // #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;
     }
   }
 }

view/molistar/activity/shortLink/index.html

@@ -7,37 +7,33 @@
     <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">
-          <div class="game_content">
-            <div class="flex_box">
-              <div class="info">
-                <img
-                  src="https://image.molistar.xyz/b0cb0f37-7eec-4013-9cd7-f041d97d47a2.jpg"
-                  alt=""
-                />
-                <div class="name">A****</div>
-              </div>
-              <div class="right">
-                <img src="./images/win.png" alt="" class="win" />
-                <img
-                  src="https://image.molistar.xyz/DragonandTiger.png"
-                  alt=""
-                  class="game_link"
-                />
-                <div class="coins">10000</div>
-              </div>
-            </div>
-            <div class="tip">Spend 120 Coins Win 54 Times</div>
+          <div class="game_item" id="game_item">
+            <div class="swiper" id="gameSwiper">
+              <div class="swiper-wrapper"></div>
             </div>
           </div>
           <div class="txt_bottom">
@@ -52,11 +48,40 @@
           </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">
+      <div class="gift_boxwrap">
         <img src="./images/gift-en.png" id="giftImg" alt="" class="giftImg" />
         <div class="wrap">
-        <div id="gift_item"></div>
+          <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
@@ -68,7 +93,51 @@
             </div>
           </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>
@@ -85,3 +154,4 @@
 <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

@@ -8,31 +8,28 @@ if (env == 'test') {
 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 countupTime;//倒计时容器
-var loadedCount = 0; // 已加載的數據數量
-var pageSize = 7; // 每次加載的數據數量
-var listTo3 = [];
-var notListTo3 = []; // 每次加載的數據數量
+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();
@@ -50,94 +47,116 @@ $(function () {
     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 renderLuckGiftOption() {
-//     let currentIndex = 0;
+function renderGameOption() {
+  var currentIndex = 0;
+  var contentHtml = '';
+  function createGiftItem(item) {
+    return `
+        <div class="swiper-slide">
+        <div class="game_content">
+            <div class="flex_box">
+              <div class="info">
+                <img
+                  src="${item.avatar}"
+                  alt=""
+                />
+                <div class="name">${item.nick}</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>
+            </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));
 
-//     // 创建 gift-item
-//     function createGiftItem(item) {
-//         return `
-//             <div class="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"><span id='Send'>Send</span> ${item.gift_name}</div>
-//                         <div class="txt2">Win ${item.rate} 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">Coins</div>
-//                     </div>
-//                 </div>
-//             </div>
-//         `;
-//     }
+  $(' #gameSwiper .swiper-wrapper').html(giftItems.join(''));
+}
 
-//      // 提前创建所有 gift-item
-//      const giftItems = luckGiftOption.map(item => createGiftItem(item));
-
-//      $('.gift_item').html(giftItems.join(''));
-
-//       // 初始化第一个 gift-item
-//     $('.content').eq(currentIndex).addClass('show');
-//      // 动画函数
-//      function animateGiftItem() {
-//       const $currentContent = $('.content').eq(currentIndex);
-//       const $nextContent = $('.content').eq((currentIndex + 1) % luckGiftOption.length);
-
-//       // 隐藏当前显示的 gift-item
-//       $currentContent.removeClass('show').addClass('hide');
-
-//       // 监听动画结束事件
-//       $currentContent.on('transitionend', function () {
-//           $(this).removeClass('hide'); // 移除隐藏状态
-//           currentIndex = (currentIndex + 1) % luckGiftOption.length;
-
-//           // 显示下一个 gift-item
-//           $nextContent.removeClass('hide').addClass('show');
-//       });
-//   }
-
-
-//     // 使用 requestAnimationFrame 替代 setInterval
-//     let lastTime = 0;
-//     const interval = 3000; // 每 3 秒滚动一次
-
-//     function loop(timestamp) {
-//         if (timestamp - lastTime >= interval) {
-//             lastTime = timestamp;
-//             animateGiftItem();
-//         }
-//         requestAnimationFrame(loop);
-//     }
-
-//     requestAnimationFrame(loop);
-// }
 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">
@@ -160,54 +179,316 @@ function renderLuckGiftOption(){
         </div>
       </div>
     </div>
+    </div>
     `;
   }
-        // 初始化第一个 gift-item
-    contentHtml = createGiftItem(luckGiftOption[currentIndex]);
-    $('#gift_item').html(contentHtml);
-
-     // 定时更新 gift-item
-     setInterval(function() {
-        currentIndex = (currentIndex + 1) % luckGiftOption.length;
-        var newItemHtml = createGiftItem(luckGiftOption[currentIndex]);
-
-        //  // 添加新的 gift-item 并设置初始位置
-        //  const $newContent = $(newItemHtml).css('transform', 'translateY(100%)');
-        //  $('.gift_item').append($newContent);
-
-        //  // 移动当前的 gift-item 到顶部
-        // const $firstContent = $('.content:first');
-        // $firstContent.css('transition', 'transform 1s ease');
-        // $firstContent.css('transform', 'translateY(-100%)');
-
-        //  // 移动新的 gift-item 到顶部
-        //  $newContent.css('transition', 'transform 1s ease');
-        //  $newContent.css('transform', 'translateY(0)');
-
-        //   // 移除已经滚动出去的 gift-item
-        // $firstContent.on('transitionend', function() {
-        //     $(this).remove();
-        // });
-
-        // 添加新的 gift-item 并设置初始位置
-        $('#gift_item').append(newItemHtml);
-        $('.gift_content:last').css('top', '100%');
-
-        // 移动当前的 gift-item 到顶部
-        $('.gift_content:first').animate({ top: '-100%' }, 1000, function() {
-            $(this).remove(); // 移除已经滚动出去的 gift-item
-        });
-
-        // 移动新的 gift-item 到顶部
-        $('.gift_content:last').animate({ top: '0' }, 1000);
-
-        setTimeout(function(){
-
-        },100)
-
-    }, 3000); // 每 3 秒滚动一次
-    
+  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,

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

@@ -5,6 +5,8 @@ langAr = {
         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:'عدد',
@@ -20,6 +22,18 @@ langAr = {
         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

@@ -3,6 +3,8 @@ langEn = {
         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',
@@ -18,5 +20,17 @@ langEn = {
         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

@@ -3,6 +3,8 @@ langTr = {
         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',
@@ -18,6 +20,19 @@ langTr = {
         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

@@ -18,6 +18,15 @@ langZh = {
         gift_txt1:'* 展示數據來自App內真實記錄',
         gift_txt2:'* App內1$=7K 金幣',
         gift_txt3:'* 遊戲中獲得的金幣僅可在app內使用，不支援兌換為現金。',
+        txt7:'邀請好友儲值！',
+        txt8:'他充值！',
+        txt9:'你獲得金幣！ ！',
+        txt10:'他的好友儲值！',
+        txt11:'你也可以獲得金幣！ ！ ！',
+        invition_txt:'邀請來自',
+        txt12:'Molistar Party',
+        txt13:'邀請碼',
+        txt14:'打開',
     }
 
 }