月充值
1018
view/eparty/activity/monthlyRecharge/css/index.css
Normal file
1184
view/eparty/activity/monthlyRecharge/css/index.scss
Normal file
BIN
view/eparty/activity/monthlyRecharge/images/1000.png
Normal file
|
After Width: | Height: | Size: 82 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/Recharge_Bg.png
Normal file
|
After Width: | Height: | Size: 596 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/bgBottom.png
Normal file
|
After Width: | Height: | Size: 55 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/bgCentent.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/bgTop.png
Normal file
|
After Width: | Height: | Size: 134 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/bo.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/bottomBg.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/but.png
Normal file
|
After Width: | Height: | Size: 96 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/butAct.png
Normal file
|
After Width: | Height: | Size: 80 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/close.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/contentBg.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/header-ar.png
Normal file
|
After Width: | Height: | Size: 352 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/header-tr.png
Normal file
|
After Width: | Height: | Size: 359 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/header.png
Normal file
|
After Width: | Height: | Size: 494 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/icon1.png
Normal file
|
After Width: | Height: | Size: 327 B |
BIN
view/eparty/activity/monthlyRecharge/images/left.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/logo.png
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/myRechargeBg.png
Normal file
|
After Width: | Height: | Size: 69 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/myRechargeBut.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/myRecharge_title.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/pubBg.png
Normal file
|
After Width: | Height: | Size: 210 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/pubTitle.png
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge10-ar.png
Normal file
|
After Width: | Height: | Size: 60 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge100-ar.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge100-tr.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge100.png
Normal file
|
After Width: | Height: | Size: 134 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge1000-ar.png
Normal file
|
After Width: | Height: | Size: 120 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge1000-tr.png
Normal file
|
After Width: | Height: | Size: 120 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge1000.png
Normal file
|
After Width: | Height: | Size: 404 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge10000-ar.png
Normal file
|
After Width: | Height: | Size: 725 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge10000.png
Normal file
|
After Width: | Height: | Size: 228 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge300-ar.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge300-tr.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge300.png
Normal file
|
After Width: | Height: | Size: 136 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge3000-ar.png
Normal file
|
After Width: | Height: | Size: 372 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge3000.png
Normal file
|
After Width: | Height: | Size: 368 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge500-ar.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge500-tr.png
Normal file
|
After Width: | Height: | Size: 44 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge500.png
Normal file
|
After Width: | Height: | Size: 143 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge5000-ar.png
Normal file
|
After Width: | Height: | Size: 302 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge5000.png
Normal file
|
After Width: | Height: | Size: 92 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge8000-ar.png
Normal file
|
After Width: | Height: | Size: 704 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/recharge8000.png
Normal file
|
After Width: | Height: | Size: 218 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/right.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/rule_iconBg.png
Normal file
|
After Width: | Height: | Size: 940 B |
BIN
view/eparty/activity/monthlyRecharge/images/timeBg.png
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/timeBgAct.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/title.png
Normal file
|
After Width: | Height: | Size: 97 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/top1.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/top2.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/top3.png
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/topBg.png
Normal file
|
After Width: | Height: | Size: 862 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/topBg2.png
Normal file
|
After Width: | Height: | Size: 162 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/travel/back.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/travel/backB.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
view/eparty/activity/monthlyRecharge/images/why.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
174
view/eparty/activity/monthlyRecharge/index.html
Normal file
@@ -0,0 +1,174 @@
|
||||
<!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/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back.png" alt="">
|
||||
</div>
|
||||
<!-- 头部 -->
|
||||
<div class="header">
|
||||
<div class="rule_icon text2"></div>
|
||||
<!-- 倒计时 -->
|
||||
<div class="time">
|
||||
<div class="day">
|
||||
<b>0</b>
|
||||
<span class="text3"></span>
|
||||
</div>
|
||||
<div class="hour">
|
||||
<b>0</b>
|
||||
<span class="text4"></span>
|
||||
</div>
|
||||
<div class="colon"></div>
|
||||
<div class="min">
|
||||
<b>0</b>
|
||||
<span class="text5"></span>
|
||||
</div>
|
||||
<div class="colon"></div>
|
||||
<div class="sec">
|
||||
<b>0</b>
|
||||
<span class="text6"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 我的充值 -->
|
||||
<div class="myRecharge">
|
||||
<div class="title text7"></div>
|
||||
<p>
|
||||
<img src="" alt="" class="avatar">
|
||||
<b>$0</b><img src="./images/why.png" alt="">
|
||||
</p>
|
||||
<div class="but text8"></div>
|
||||
</div>
|
||||
<!-- 充值档位到达100 -->
|
||||
<div class="recharge100 recharge1 recharges">
|
||||
<div class="top">
|
||||
<div class="title text11"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rewardImg">
|
||||
<!-- <div class="ts" id="ts10"></div> -->
|
||||
<!-- <div class="zj" id="zj100"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="but text10"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 充值档位到达300 -->
|
||||
<div class="recharge300 recharge2 recharges">
|
||||
<div class="top">
|
||||
<div class="title text12"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="rewardImg">
|
||||
<!-- <div class="zj" id="zj300"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="but text10"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 充值档位到达500 -->
|
||||
<div class="recharge500 recharge3 recharges">
|
||||
<div class="top">
|
||||
<div class="title text14"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<!-- 奖励图片 -->
|
||||
<div class="rewardImg">
|
||||
<!-- <div class="zj" id="zj500"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="but text10"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 充值档位到达1000 -->
|
||||
<div class="recharge1000 recharge4 recharges">
|
||||
<div class="top">
|
||||
<div class="title text15"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<!-- 奖励图片 -->
|
||||
<div class="rewardImg">
|
||||
<!-- <div class="zj" id="zj1000"></div> -->
|
||||
<img src="./images/why.png" alt="" class="why">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="but text10"></div>
|
||||
<!-- 前三标题 -->
|
||||
<div class="topTitle">
|
||||
<img src="./images/left.png" alt="" class="left">
|
||||
<b class="text13"></b>
|
||||
<img src="./images/right.png" alt="" class="right">
|
||||
</div>
|
||||
<!-- 前三信息 -->
|
||||
<div class="topBox">
|
||||
<div class="no2">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<img src="./images/top2.png" alt="" class="ts">
|
||||
</div>
|
||||
<div class="no1">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<img src="./images/top1.png" alt="" class="ts">
|
||||
</div>
|
||||
<div class="no3">
|
||||
<img src="./images/logo.png" alt="" class="tx">
|
||||
<img src="./images/top3.png" alt="" class="ts">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- 弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
<div class="title">Rules </div>
|
||||
<div class="centent">
|
||||
<p>1、Recharge activity time: 0:00:00 on the 1st of each month to 23:59:59 on the last day of the month
|
||||
(GMT+3).</p>
|
||||
<p>2、You can only get each grade reward once.</p>
|
||||
<p>3、Each round of activities end, the rewards will automatically expire.</p>
|
||||
<p>4、Contact our official customer service to get your unique ID!</p>
|
||||
<p>5、Recharge agent can not join the activity.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 免责声明 -->
|
||||
<div class="disclaimer text24"></div>
|
||||
<div class="video video3000">
|
||||
<video id="zjVideo" controls>
|
||||
<source src="./mp4/1000.mp4" type="video/mp4">
|
||||
</video>
|
||||
<img src="./images/close.png" alt="" class="close">
|
||||
</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?v=1.0"></script>
|
||||
<script src="./local/zh.js?v=1.0"></script>
|
||||
<script src="./local/ar.js?v=1.0"></script>
|
||||
<script src="./local/tr.js?v=1.0"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
310
view/eparty/activity/monthlyRecharge/js/index.js
Normal file
@@ -0,0 +1,310 @@
|
||||
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 isLock = true;
|
||||
var page = 1;
|
||||
var wealth;
|
||||
var limitWealth;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getConfig();
|
||||
}, 100)
|
||||
|
||||
})
|
||||
// 处理SVGA
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
function loadSVGA(containerId, svgaPath) {
|
||||
var container = document.getElementById(containerId);
|
||||
var player = new SVGA.Player(container);
|
||||
|
||||
var parser = new SVGA.Parser();
|
||||
parser.load(svgaPath, function (videoItem) {
|
||||
player.setVideoItem(videoItem);
|
||||
player.startAnimation();
|
||||
});
|
||||
}
|
||||
|
||||
// loadSVGA('zj100', './svga/zj100.svga');
|
||||
// loadSVGA('zj300', './svga/zj300.svga');
|
||||
// loadSVGA('zj500', './svga/zj500.svga');
|
||||
// loadSVGA('zj1000', './svga/zj1000.svga');
|
||||
});
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').text(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').text(langReplace(localLang.demoModule.text7));
|
||||
$('.text8').text(langReplace(localLang.demoModule.text8));
|
||||
$('.text9').text(langReplace(localLang.demoModule.text9));
|
||||
$('.text10').text(langReplace(localLang.demoModule.text10));
|
||||
$('.text11').text(langReplace(localLang.demoModule.text11));
|
||||
$('.text12').text(langReplace(localLang.demoModule.text12));
|
||||
$('.text13').text(langReplace(localLang.demoModule.text13));
|
||||
$('.text14').text(langReplace(localLang.demoModule.text14));
|
||||
$('.text15').text(langReplace(localLang.demoModule.text15));
|
||||
$('.text16').text(langReplace(localLang.demoModule.text16));
|
||||
$('.text26').text(langReplace(localLang.demoModule.text26));
|
||||
if (browser.android) {
|
||||
$('.text24').text(langReplace(localLang.demoModule.text25))
|
||||
} else {
|
||||
$('.text24').text(langReplace(localLang.demoModule.text24))
|
||||
}
|
||||
}
|
||||
// 配置接口
|
||||
function getConfig() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/h5/charge/monthRank',
|
||||
data: {
|
||||
uid: pubInfo.uid
|
||||
// uid: 100014
|
||||
},
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
wealth = res.data.wealth;
|
||||
limitWealth = res.data.limitWealth;
|
||||
// 处理是否我的充值展示
|
||||
if (res.data.rechargeUser) {
|
||||
$('.myRecharge').hide();
|
||||
} else {
|
||||
$('.myRecharge').show();
|
||||
}
|
||||
// 处理倒计时
|
||||
countup(res.data.endTime - res.timestamp);
|
||||
// 处理当前余额
|
||||
$('.myRecharge p b').text('$' + res.data.usb);
|
||||
$('.myRecharge p .avatar').attr('src', res.data.avatar);
|
||||
// 渲染档位
|
||||
res.data.activityLevelUserVo.forEach((res, i) => {
|
||||
$(`.recharge${i + 1} .bottom .but`).attr('level', res.level);
|
||||
// 处理按钮状态
|
||||
if (res.receiveStatus == false) {
|
||||
if (res.receiveSwitch) {
|
||||
$(`.recharge${i + 1} .bottom .but`).attr('click', 1);
|
||||
$(`.recharge${i + 1} .bottom .but`).addClass('act');
|
||||
} else {
|
||||
$(`.recharge${i + 1} .bottom .but`).attr('click', 0);
|
||||
$(`.recharge${i + 1} .bottom .but`).removeClass('act');
|
||||
}
|
||||
} else {
|
||||
$(`.recharge${i + 1} .bottom .but`).attr('click', 0);
|
||||
$(`.recharge${i + 1} .bottom .but`).removeClass('act');
|
||||
$(`.recharge${i + 1} .bottom .but`).text(langReplace(localLang.demoModule.text23));
|
||||
}
|
||||
// 处理前三
|
||||
if (wealth > limitWealth) {
|
||||
res.userVos.forEach((val, index) => {
|
||||
$(`.recharge4 .bottom .topBox .no${index + 1} .tx`).attr('src', val.avatar);
|
||||
})
|
||||
} else {
|
||||
$(`.recharge4 .bottom .topTitle`).hide();
|
||||
$(`.recharge4 .bottom .topBox`).hide();
|
||||
$(`.recharge4 .bottom`).css('height', '2.7rem')
|
||||
$(`.recharge4 .bottom .but`).css('top', '-0.13rem')
|
||||
$(`.recharge4 .bottom .act`).css('top', '-0.13rem')
|
||||
}
|
||||
})
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 跳转充值
|
||||
$('.myRecharge .but').click(function () {
|
||||
// if (browser.android) {
|
||||
// let channel = pubInfo.deviceInfo.channel;
|
||||
// if (channel == "google") {
|
||||
// window.androidJsObj.openChargePage(6);
|
||||
// } else {
|
||||
// window.location.href = urlPrefix + '/eparty/modules/pay/index.html?channelType=4';
|
||||
// }
|
||||
// } else if (browser.ios) {
|
||||
// let channel = pubInfo.deviceInfo.channel;
|
||||
// if (channel == "appstore") {
|
||||
// window.webkit.messageHandlers.openChargePage.postMessage(null);
|
||||
// } else {
|
||||
// window.location.href = urlPrefix + '/eparty/modules/pay/index.html?channelType=4';
|
||||
// }
|
||||
// }
|
||||
if(browser.android){
|
||||
window.androidJsObj.openChargePage(6);
|
||||
}
|
||||
})
|
||||
// 打开规则弹窗
|
||||
$('.header .rule_icon').click(function () {
|
||||
$('.pub .pub_in .title').html(langReplace(localLang.demoModule.text17));
|
||||
$('.pub .pub_in .centent').html(langReplace(localLang.demoModule.text18));
|
||||
$('.pub ').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 打开我的充值弹窗
|
||||
$('.myRecharge p img').click(function () {
|
||||
$('.pub .pub_in .centent').addClass('myRechargeText');
|
||||
$('.pub .pub_in .title').html(langReplace(localLang.demoModule.text19));
|
||||
$('.pub .pub_in .centent').html(langReplace(localLang.demoModule.text20));
|
||||
$('.pub ').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 打开定制礼物弹窗
|
||||
$('.recharge1000 .content .rewardImg .why').click(function () {
|
||||
$('.pub .pub_in .centent').addClass('myRechargeTextWhy');
|
||||
$('.pub .pub_in .title').html(langReplace(localLang.demoModule.text21));
|
||||
$('.pub .pub_in .centent').html(langReplace(localLang.demoModule.text22));
|
||||
$('.pub ').show();
|
||||
bodyScroolFun(true);
|
||||
})
|
||||
// 关闭弹窗
|
||||
$('.pub .pub_in .close').click(function () {
|
||||
$('.pub .pub_in .centent').removeClass('myRechargeText');
|
||||
$('.pub .pub_in .centent').removeClass('myRechargeTextWhy');
|
||||
$('.pub ').hide();
|
||||
bodyScroolFun(false);
|
||||
})
|
||||
// 倒計時
|
||||
function countup(leftTime) {
|
||||
clearTimeout(countupTime)
|
||||
//獲取當前時間
|
||||
// var now = nowTime;
|
||||
var d = 0;
|
||||
var h = 0;
|
||||
var m = 0;
|
||||
var s = 0;
|
||||
//定義變數 d,h,m,s保存倒計時的時間
|
||||
var d, h, m, s;
|
||||
//遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果
|
||||
if (leftTime > 0) {
|
||||
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
|
||||
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
|
||||
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
|
||||
s = getzf(Math.floor(leftTime / 1000 % 60));
|
||||
//將倒計時賦值到div中
|
||||
$('.header .time .day b').text(d);
|
||||
$('.header .time .hour b').text(h);
|
||||
$('.header .time .min b').text(m);
|
||||
$('.header .time .sec b').text(s);
|
||||
} else {
|
||||
getConfig();
|
||||
}
|
||||
if (leftTime > 0) {
|
||||
leftTime = leftTime - 1000;
|
||||
}
|
||||
countupTime = setTimeout(function () {
|
||||
countup(leftTime);
|
||||
}, 1000);
|
||||
}
|
||||
//补0操作
|
||||
function getzf(num) {
|
||||
if (parseInt(num) < 10) {
|
||||
num = '0' + num;
|
||||
}
|
||||
return num;
|
||||
}
|
||||
// 领取按钮
|
||||
$('.recharges .bottom .but').click(function () {
|
||||
var level = $(this).attr('level');
|
||||
var click = $(this).attr('click');
|
||||
if (click == 1) {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/activity/h5/charge/monthRecv',
|
||||
data: { uid: pubInfo.uid, level },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
getConfig();
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
// 打开mp4弹窗
|
||||
$('.recharge1000 .content .rewardImg .zj').click(function () {
|
||||
var video = document.getElementById('zjVideo');
|
||||
video.play();
|
||||
bodyScroolFun(true);
|
||||
$('.video3000').show();
|
||||
})
|
||||
// 关闭mp4弹窗
|
||||
$('.video .close').click(function () {
|
||||
var video = document.getElementById('zjVideo');
|
||||
video.pause();
|
||||
bodyScroolFun(false);
|
||||
$('.video').hide();
|
||||
})
|
||||
// 监听播放完毕事件
|
||||
var video = document.getElementById('zjVideo');
|
||||
video.addEventListener('ended', function () {
|
||||
video.pause();
|
||||
bodyScroolFun(false);
|
||||
$('.video').hide();
|
||||
});
|
||||
52
view/eparty/activity/monthlyRecharge/local/ar.js
Normal file
@@ -0,0 +1,52 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جار التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `إعادة شحن شهرية`,
|
||||
text2: `القواعد`,
|
||||
text3: `يوم`,
|
||||
text4: `ساعة`,
|
||||
text5: `دقيقة`,
|
||||
text6: `ثانية`,
|
||||
text7: `إعادة شحني`,
|
||||
text8: `انتقل إلى إعادة الشحن`,
|
||||
text9: `إعادة شحن $10`,
|
||||
text10: `احصل على مكافأة`,
|
||||
text11: `إعادة شحن $3000`,
|
||||
text12: `إعادة شحن $5000`,
|
||||
text13: `أفضل 3 فائزين`,
|
||||
text14: `إعادة شحن $8000`,
|
||||
text15: `إعادة شحن $10000`,
|
||||
text16: `إعادة شحن $20000`,
|
||||
text17: `القواعد`,
|
||||
text18: `
|
||||
<p>1. تبدأ فعالية إعادة الشحن الأسبوعية من الساعة 12:00 صباحًا يوم الاثنين حتى الساعة 11:59 مساءً يوم الأحد.</p>
|
||||
<p>2. يمكنك الحصول على كل مكافأة مرتبة مرة واحدة فقط.</p>
|
||||
<p>3. بعد انتهاء كل جولة من الأنشطة، ستنتهي صلاحية المكافآت تلقائيًا.</p>
|
||||
<p>4. الهدية المخصصة: يمكنك تخصيص هديتك الخاصة من خلال خدمة العملاء.</p>
|
||||
<p>5. لا يمكن لوكلاء الشحن المشاركة في النشاط.</p>
|
||||
<p>٦. جميع حقوق تفسير الحدث تعود للمسؤول.</p>
|
||||
<p>7. هذا الحدث غير مرتبط بجوجل/آبل.</p>
|
||||
`,
|
||||
|
||||
text19: `قواعد إعادة الشحن`,
|
||||
text20: `
|
||||
<p>1، تشمل طرق إعادة الشحن Google وApple الداخلية وما إلى ذلك.</p>
|
||||
<p>2، لا يمكن لوكيل الشحن الانضمام إلى النشاط.</p>
|
||||
`,
|
||||
text21: `هدية مخصصة`,
|
||||
text22: `<p>يمكنك إرسال الفيديو الخاص بك إلى خدمة العملاء لدينا للحصول على هديتك المخصصة.</p>`,
|
||||
text23: `تم استلامه`,
|
||||
text24: `هذا الحدث غير مرتبط بشركة أبل.`,
|
||||
text25: `هذا الحدث غير مرتبط بشركة جوجل.`,
|
||||
text26: `أفضل 3 فائزين`,
|
||||
headdressTitle: 'تاج مخصص',
|
||||
headdressText: '<p>يمكنك إرسال لقبك الفريد إلى خدمة العملاء الرسمية لتخصيص تاجك المخصص</p>',
|
||||
carTitle: 'سيارة مخصصة',
|
||||
carText: '<p>يمكنك إرسال صورتك الرمزية الفريدة ولقبك إلى خدمة العملاء الرسمية لتخصيص سيارتك المخصصة</p>'
|
||||
|
||||
}
|
||||
}
|
||||
48
view/eparty/activity/monthlyRecharge/local/en.js
Normal file
@@ -0,0 +1,48 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1: `Monthoy recharge`,
|
||||
text2: `Rules`,
|
||||
text3: `Day`,
|
||||
text4: `Hour`,
|
||||
text5: `Min`,
|
||||
text6: `Sec`,
|
||||
text7: `My Recharge`,
|
||||
text8: `Go to Recharge`,
|
||||
text9: `Recharge $10`,
|
||||
text10: `Get reward`,
|
||||
text11: `Recharge $3000`,
|
||||
text12: `Recharge $5000`,
|
||||
text13: `Top 3 Winner`,
|
||||
text14: `Recharge $8000`,
|
||||
text15: `Recharge $10000`,
|
||||
text16: `Recharge $20000`,
|
||||
text17: `Rules`,
|
||||
text18: `
|
||||
<p>1. The weekly recharge event runs from 12:00 AM on Monday to 11:59 PM on Sunday.</p>
|
||||
<p>2. You can only get each grade reward once.</p>
|
||||
<p>3. Each round of activities end, the rewards will automatically expire.</p>
|
||||
<p>4. Customized Gift: You can customize your own gift through customer service.</p>
|
||||
<p>5. Recharge agent can not join the activity.</p>
|
||||
<p>6. All rights of interpretation of event belong to the official.</p>
|
||||
<p>7. This event is not related to Google/Apple.</p>
|
||||
`,
|
||||
text19: `Recharge Rules`,
|
||||
text20: `
|
||||
<p>1、Recharge methods include Google, Apple internal purchase and so on.</p>
|
||||
<p>2、Recharge agent can not join the activity.</p>
|
||||
`,
|
||||
text21: `Customized Gift`,
|
||||
text22: `<p>You can send your special video to our customer service to get your customized gift.</p>`,
|
||||
text23: `Received`,
|
||||
text24: `This event is not related to Apple.`,
|
||||
text25: `This event is not related to Google.`,
|
||||
text26: `Top 3 Winner`,
|
||||
headdressTitle: `Customized Headdress`,
|
||||
headdressText: `<p>You can send your unique nickname to the official customer service to customize your customized headdress</p>`,
|
||||
carTitle: `Customized Car`,
|
||||
carText: `<p>You can send your unique avatar and nickname to the official customer service to customize your customized car</p>`,
|
||||
}
|
||||
}
|
||||
49
view/eparty/activity/monthlyRecharge/local/tr.js
Normal file
@@ -0,0 +1,49 @@
|
||||
langTr = {
|
||||
demoModule: {
|
||||
layerIndex1: 'Yükleniyor...',
|
||||
layerIndex2: 'Başarılı',
|
||||
layerIndex3: 'Ağ hatası',
|
||||
text1: 'Aylık yeniden doldurma',
|
||||
text2: 'Kurallar',
|
||||
text3: 'Gün',
|
||||
text4: 'Saat',
|
||||
text5: 'Dakika',
|
||||
text6: 'Saniye',
|
||||
text7: 'Yeniden Doldurmam',
|
||||
text8: 'Yeniden Doldur',
|
||||
text9: '10$ Yeniden Doldur',
|
||||
text10: 'Ödül Al',
|
||||
text11: '3000$ Yeniden Doldur',
|
||||
text12: '5000$ Yeniden Doldur',
|
||||
text13: 'İlk 3 Kazanan',
|
||||
text14: '8000$ Yeniden Doldur',
|
||||
text15: '10000$ Yeniden Doldur',
|
||||
text16: '20000$ Yeniden Doldur',
|
||||
text17: 'Kurallar',
|
||||
text18: `
|
||||
<p>1. Haftalık kontör yükleme etkinliği Pazartesi günü 00:00'dan Pazar günü 23:59'a kadar sürer.</p>
|
||||
<p>2. Her derece ödülünü yalnızca bir kez alabilirsiniz.</p>
|
||||
<p>3. Her etkinlik turu sona erdiğinde, ödüller otomatik olarak sona erecektir.</p>
|
||||
<p>4. Kişiselleştirilmiş Hediye: Müşteri hizmetleri aracılığıyla kendi hediyenizi özelleştirebilirsiniz.</p>
|
||||
<p>5. Şarj acenteleri etkinliğe katılamaz.</p>
|
||||
<p>6. Olayın yorumlanmasının tüm hakları resmi makamlara aittir.</p>
|
||||
<p>7. Bu etkinlik Google/Apple ile ilişkili değildir.</p>
|
||||
`,
|
||||
|
||||
text19: 'Kontör Yükleme Kuralları',
|
||||
text20: `
|
||||
<p>1. Yeniden doldurma yöntemleri Google, Apple içi satın alma vb. içerir.</p>
|
||||
<p>2. Yeniden doldurma aracısı etkinliğe katılamaz.</p>
|
||||
`,
|
||||
text21: 'Özelleştirilmiş Hediye',
|
||||
text22: '<p>Özelleştirilmiş hediyenizi almak için özel videonuzu müşteri hizmetlerimize gönderebilirsiniz.</p>',
|
||||
text23: 'Alındı',
|
||||
text24: 'Bu etkinlik Apple ile ilişkili değildir.',
|
||||
text25: 'Bu etkinlik Google ile ilişkili değildir.',
|
||||
text26: 'İlk 3 Kazanan',
|
||||
headdressTitle: 'Özelleştirilmiş Taç',
|
||||
headdressText: '<p>Benzersiz takma adınızı resmi müşteri hizmetlerine göndererek özelleştirilmiş tacınızı oluşturabilirsiniz</p>',
|
||||
carTitle: 'Özelleştirilmiş Araç',
|
||||
carText: '<p>Benzersiz avatarınızı ve takma adınızı resmi müşteri hizmetlerine göndererek özelleştirilmiş aracınızı oluşturabilirsiniz</p>',
|
||||
}
|
||||
}
|
||||
52
view/eparty/activity/monthlyRecharge/local/zh.js
Normal file
@@ -0,0 +1,52 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加載中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `網絡錯誤`,
|
||||
text1: `月度充值`,
|
||||
text2: `規則`,
|
||||
text3: `天`,
|
||||
text4: `小時`,
|
||||
text5: `分鐘`,
|
||||
text6: `秒`,
|
||||
text7: `我的充值`,
|
||||
text8: `前往充值`,
|
||||
text9: `充值 $10`,
|
||||
text10: `獲得獎勵`,
|
||||
text11: `充值 $3000`,
|
||||
text12: `充值 $5000`,
|
||||
text13: `前三名獲獎者`,
|
||||
text14: `充值 $8000`,
|
||||
text15: `充值 $10000`,
|
||||
text16: `充值 $20000`,
|
||||
text17: `規則`,
|
||||
text18: `
|
||||
<p>1 周充值活动时间为自然周一00:00-周日23:59。</p>
|
||||
<p>2. 每個等級的獎勵只能獲得一次。</p>
|
||||
<p>3. 每輪活動結束後，獎勵將自動失效。</p>
|
||||
<p>4 定制礼物：你可以通过客服来定制你的专属礼物。</p>
|
||||
<p>5. 充值代理無法參與此活動。</p>
|
||||
<p>6 本活动所有解释权归官方所有。</p>
|
||||
<p>7. 此活動與Google/Apple無關。</p>
|
||||
`,
|
||||
|
||||
text19: `充值规则`,
|
||||
text20: `
|
||||
<p>1、充值方式包括Google、Apple內購等。</p>
|
||||
<p>2、充值代理不能參加活動。</p>
|
||||
`,
|
||||
text21: `定製禮品`,
|
||||
text22: `<p>您可以將您的特別視頻發送給我們的客服，以獲取定製禮品。</p>`,
|
||||
text23: `已領取`,
|
||||
text24: `本活動與蘋果無關`,
|
||||
text25: `本活動與谷歌無關`,
|
||||
text26: `前3名獲獎者`,
|
||||
headdressTitle: '定制頭飾',
|
||||
headdressText: '<p>您可以將您的獨特暱稱發送給官方客服，來定制您的專屬頭飾</p>',
|
||||
carTitle: '定制車輛',
|
||||
carText: '<p>您可以將您的獨特頭像和暱稱發送給官方客服，來定制您的專屬車輛</p>'
|
||||
|
||||
}
|
||||
}
|
||||