初始化分享落地页
144
view/molistar/activity/shortLink/css/index.css
Normal file
@@ -0,0 +1,144 @@
|
||||
@charset "UTF-8";
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #E01F3F; }
|
||||
|
||||
.game_boxwrap {
|
||||
padding: 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%;
|
||||
width: 9.2rem; }
|
||||
.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 .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 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;
|
||||
text-align: center; }
|
||||
.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 .tip {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 0.32rem;
|
||||
color: #A7A493;
|
||||
text-align: center;
|
||||
margin-top: 0.2666666667rem; }
|
||||
|
||||
.gift_boxwrap {
|
||||
padding: 0 0.4rem;
|
||||
position: relative;
|
||||
margin-top: 2rem; }
|
||||
.gift_boxwrap .giftImg {
|
||||
width: 100%; }
|
||||
.gift_boxwrap .wrap {
|
||||
background: linear-gradient(0deg, #FEFEFD, #FFF4CD);
|
||||
border-radius: 0.4266666667rem;
|
||||
position: absolute;
|
||||
top: 90%;
|
||||
width: 9.2rem; }
|
||||
.gift_boxwrap .wrap #gift_item {
|
||||
height: 2.6666666667rem;
|
||||
/* 设置一个固定高度 */
|
||||
overflow: hidden; }
|
||||
.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; }
|
||||
.gift_boxwrap .wrap .content.show {
|
||||
transform: translateY(0); }
|
||||
.gift_boxwrap .wrap .content.hide {
|
||||
transform: translateY(-100%); }
|
||||
|
||||
.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; }
|
||||
|
||||
/*# sourceMappingURL=index.css.map */
|
228
view/molistar/activity/shortLink/css/index.scss
Normal file
@@ -0,0 +1,228 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #E01F3F;
|
||||
// padding: 0 px2rem(30);
|
||||
}
|
||||
|
||||
.header {
|
||||
.headerImg {
|
||||
// width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.game_boxwrap {
|
||||
padding: 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);
|
||||
|
||||
.game_item {
|
||||
background: linear-gradient(0deg, #FFFCED, #FEF3BD);
|
||||
border-radius: px2rem(26);
|
||||
border: px2rem(2) solid #FFAB6B;
|
||||
margin: px2rem(20);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.game_content {
|
||||
|
||||
margin: px2rem(20) px2rem(20) px2rem(20) px2rem(30);
|
||||
|
||||
.flex_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.info {
|
||||
img {
|
||||
width: px2rem(80);
|
||||
height: px2rem(80);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #381600;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tip {
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(24);
|
||||
color: #A7A493;
|
||||
text-align: center;
|
||||
margin-top: px2rem(20);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gift_boxwrap {
|
||||
padding: 0 px2rem(30);
|
||||
position: relative;
|
||||
margin-top: px2rem(150);
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.content.show {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.content.hide {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
}
|
BIN
view/molistar/activity/shortLink/images/game-ar.png
Normal file
After Width: | Height: | Size: 66 KiB |
BIN
view/molistar/activity/shortLink/images/game-en.png
Normal file
After Width: | Height: | Size: 63 KiB |
BIN
view/molistar/activity/shortLink/images/game-tr.png
Normal file
After Width: | Height: | Size: 61 KiB |
BIN
view/molistar/activity/shortLink/images/gift-ar.png
Normal file
After Width: | Height: | Size: 60 KiB |
BIN
view/molistar/activity/shortLink/images/gift-en.png
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
view/molistar/activity/shortLink/images/gift-tr.png
Normal file
After Width: | Height: | Size: 60 KiB |
BIN
view/molistar/activity/shortLink/images/giftchang.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
view/molistar/activity/shortLink/images/giftyuan.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/activity/shortLink/images/top-ar.png
Normal file
After Width: | Height: | Size: 77 KiB |
BIN
view/molistar/activity/shortLink/images/top-en.png
Normal file
After Width: | Height: | Size: 79 KiB |
BIN
view/molistar/activity/shortLink/images/top-tr.png
Normal file
After Width: | Height: | Size: 78 KiB |
BIN
view/molistar/activity/shortLink/images/top-zh.png
Normal file
After Width: | Height: | Size: 79 KiB |
BIN
view/molistar/activity/shortLink/images/win.png
Normal file
After Width: | Height: | Size: 11 KiB |
87
view/molistar/activity/shortLink/index.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<!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">
|
||||
<img src="./images/top-en.png" id="headerImg" alt="" class="headerImg" />
|
||||
</div>
|
||||
<!-- 小游戏 -->
|
||||
<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>
|
||||
</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="gift_boxwrap">
|
||||
<img src="./images/gift-en.png" id="giftImg" alt="" class="giftImg" />
|
||||
<div class="wrap">
|
||||
<div id="gift_item"></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> -->
|
||||
</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>
|
514
view/molistar/activity/shortLink/js/index.js
Normal file
@@ -0,0 +1,514 @@
|
||||
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 countupTime;//倒计时容器
|
||||
var loadedCount = 0; // 已加載的數據數量
|
||||
var pageSize = 7; // 每次加載的數據數量
|
||||
var listTo3 = [];
|
||||
var notListTo3 = []; // 每次加載的數據數量
|
||||
// 初始化函數
|
||||
$(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();
|
||||
renderLuckGiftOption();
|
||||
}, 100)
|
||||
|
||||
})
|
||||
|
||||
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))
|
||||
$('#gift_txt1').html(langReplace(localLang.demoModule.gift_txt1))
|
||||
$('#gift_txt2').html(langReplace(localLang.demoModule.gift_txt2))
|
||||
$('#gift_txt3').html(langReplace(localLang.demoModule.gift_txt3))
|
||||
}
|
||||
// function renderLuckGiftOption() {
|
||||
// let currentIndex = 0;
|
||||
|
||||
// // 创建 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>
|
||||
// `;
|
||||
// }
|
||||
|
||||
// // 提前创建所有 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="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)} ${langReplace(localLang.demoModule[item.gift_name])}</div>
|
||||
<div class="txt2">${langReplace(localLang.demoModule.Won)} ${item.rate} ${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>
|
||||
`;
|
||||
}
|
||||
// 初始化第一个 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 秒滚动一次
|
||||
|
||||
}
|
||||
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
|
||||
}
|
||||
]
|
||||
|
||||
|
25
view/molistar/activity/shortLink/local/ar.js
Normal file
@@ -0,0 +1,25 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
headerImg: "./images/top-ar.png",
|
||||
gameImg: "./images/game-ar.png",
|
||||
giftImg: "./images/gift-ar.png",
|
||||
gift1:'500059 I',
|
||||
Send:'أرسل',
|
||||
Won:'عدد',
|
||||
Times:'الأوقات',
|
||||
Coins:'العملات',
|
||||
'500059 I':'500059 I',
|
||||
幸運手錶:'ساعة الحظ',
|
||||
幸運包:'حقيبة الحظ',
|
||||
金钥:'المفتاح الذهبي',
|
||||
幸運戒:'خاتم الحظ',
|
||||
幸運爪:'مخلب الحظ',
|
||||
幸運馬卡龍:'ماكارون الحظ',
|
||||
gift_txt1:'* تأتي بيانات العرض من سجلات حقيقية في التطبيق',
|
||||
gift_txt2:'* 1$=7K coin في التطبيق',
|
||||
gift_txt3:'* يمكن استخدام العملات التي تم الحصول عليها في اللعبة فقط في التطبيق ولا يمكن استبدالها نقدًا.',
|
||||
}
|
||||
|
||||
}
|
22
view/molistar/activity/shortLink/local/en.js
Normal file
@@ -0,0 +1,22 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
headerImg: "./images/top-en.png",
|
||||
gameImg: "./images/game-en.png",
|
||||
giftImg: "./images/gift-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.',
|
||||
},
|
||||
}
|
23
view/molistar/activity/shortLink/local/tr.js
Normal file
@@ -0,0 +1,23 @@
|
||||
langTr = {
|
||||
demoModule: {
|
||||
headerImg: "./images/top-tr.png",
|
||||
gameImg: "./images/game-tr.png",
|
||||
giftImg: "./images/gift-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.',
|
||||
}
|
||||
|
||||
}
|
23
view/molistar/activity/shortLink/local/zh.js
Normal file
@@ -0,0 +1,23 @@
|
||||
// 中文
|
||||
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內使用,不支援兌換為現金。',
|
||||
}
|
||||
|
||||
}
|