完成静态页面暂存
BIN
view/molistar/activity/ssGuild/images/A.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
view/molistar/activity/ssGuild/images/B.png
Normal file
After Width: | Height: | Size: 4.5 KiB |
BIN
view/molistar/activity/ssGuild/images/S.png
Normal file
After Width: | Height: | Size: 4.0 KiB |
Before Width: | Height: | Size: 8.0 KiB After Width: | Height: | Size: 4.2 KiB |
BIN
view/molistar/activity/ssGuild/images/cloud.png
Normal file
After Width: | Height: | Size: 339 KiB |
BIN
view/molistar/activity/ssGuild/images/myBg.png
Normal file
After Width: | Height: | Size: 181 KiB |
BIN
view/molistar/activity/ssGuild/images/null.png
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
view/molistar/activity/ssGuild/images/page1Rule.png
Normal file
After Width: | Height: | Size: 262 KiB |
BIN
view/molistar/activity/ssGuild/images/page2Bg.png
Normal file
After Width: | Height: | Size: 996 KiB |
BIN
view/molistar/activity/ssGuild/images/page2Rule.png
Normal file
After Width: | Height: | Size: 237 KiB |
BIN
view/molistar/activity/ssGuild/images/page2Ts.png
Normal file
After Width: | Height: | Size: 76 KiB |
BIN
view/molistar/activity/ssGuild/images/ts.png
Normal file
After Width: | Height: | Size: 34 KiB |
BIN
view/molistar/activity/ssGuild/images/tsBig.png
Normal file
After Width: | Height: | Size: 46 KiB |
@@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title class="text1"></title>
|
<title class="text1">SS Guild Conpetition</title>
|
||||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
<link rel="stylesheet" href="./css/index.css">
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
</head>
|
</head>
|
||||||
@@ -16,239 +16,104 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 头部 -->
|
<!-- 头部 -->
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="rule_icon text2"></div>
|
|
||||||
<!-- 倒计时 -->
|
<!-- 倒计时 -->
|
||||||
<div class="time">
|
<div class="time">
|
||||||
<div class="day">
|
<div class="day">
|
||||||
<b>0</b>
|
<b>00</b>
|
||||||
<span class="text3"></span>
|
<span>Day</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="hour">
|
<div class="hour">
|
||||||
<b>0</b>
|
<b>00</b>
|
||||||
<span class="text4"></span>
|
<span>Hour</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="colon"></div>
|
|
||||||
<div class="min">
|
<div class="min">
|
||||||
<b>0</b>
|
<b>00</b>
|
||||||
<span class="text5"></span>
|
<span>Min</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="colon"></div>
|
|
||||||
<div class="sec">
|
<div class="sec">
|
||||||
<b>0</b>
|
<b>00</b>
|
||||||
<span class="text6"></span>
|
<span>Sec</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 文字内容 -->
|
||||||
|
<div class="content">Each guild will compete for guild honors by completing specific tasks and challenges to
|
||||||
|
receive a specified ability value for hosting an event within 30 days to earn entries. These honors will be
|
||||||
|
displayed in the ranking list and on the anchor's homepage.
|
||||||
|
</div>
|
||||||
|
<!-- tab切换 -->
|
||||||
|
<div class="tab">
|
||||||
|
<div class="act">Guild</div>
|
||||||
|
<div>Mine</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 我的充值 -->
|
<!-- 页面1 -->
|
||||||
<div class="myRecharge">
|
<div class="page1">
|
||||||
<div class="title text7"></div>
|
<!-- 前三 -->
|
||||||
<p><b>$0</b><img src="./images/why.png" alt=""></p>
|
<div class="cloud">
|
||||||
<div class="but text8"></div>
|
<div class="no1">
|
||||||
</div>
|
<img src="./images/tsBig.png" alt="" class="ts">
|
||||||
<!-- 充值档位到达10 -->
|
<img src="./images/null.png" alt="" class="tx">
|
||||||
<div class="recharge10 recharge1 recharges">
|
<div class="name">虚位以待</div>
|
||||||
<div class="top">
|
<div class="id">ID:0</div>
|
||||||
<div class="title text9"></div>
|
<img src="./images/SS.png" alt="" class="grade">
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="no2">
|
||||||
<div class="rewardImg">
|
<img src="./images/ts.png" alt="" class="ts">
|
||||||
<div class="ts" id="ts10"></div>
|
<img src="./images/null.png" alt="" class="tx">
|
||||||
<div class="zj" id="zj10"></div>
|
<div class="name">虚位以待</div>
|
||||||
|
<div class="id">ID:0</div>
|
||||||
|
<img src="./images/SS.png" alt="" class="grade">
|
||||||
|
</div>
|
||||||
|
<div class="no3">
|
||||||
|
<img src="./images/ts.png" alt="" class="ts">
|
||||||
|
<img src="./images/null.png" alt="" class="tx">
|
||||||
|
<div class="name">虚位以待</div>
|
||||||
|
<div class="id">ID:0</div>
|
||||||
|
<img src="./images/SS.png" alt="" class="grade">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<!-- 非前三 -->
|
||||||
<div class="but text10"></div>
|
<ul>
|
||||||
|
<li>
|
||||||
|
<div class="num">04</div>
|
||||||
|
<img src="./images/null.png" alt="" class="tx">
|
||||||
|
<div class="user">
|
||||||
|
<p>虚位以待</p>
|
||||||
|
<b>ID:0</b>
|
||||||
|
</div>
|
||||||
|
<img src="./images/SS.png" alt="" class="grade">
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- 规则 -->
|
||||||
|
<img src="./images/page1Rule.png" alt="" class="rule">
|
||||||
|
<!-- 自己 -->
|
||||||
|
<div class="my">
|
||||||
|
<div class="num">04</div>
|
||||||
|
<img src="./images/null.png" alt="" class="tx">
|
||||||
|
<div class="user">
|
||||||
|
<p>虚位以待</p>
|
||||||
|
<b>ID:0</b>
|
||||||
|
</div>
|
||||||
|
<img src="./images/SS.png" alt="" class="grade">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 充值档位到达100 -->
|
<!-- 页面2 -->
|
||||||
<div class="recharge100 recharge2 recharges">
|
<div class="page2">
|
||||||
<div class="top">
|
<div class="my">
|
||||||
<div class="title text11"></div>
|
<img src="./images/page2Ts.png" alt="" class="ts">
|
||||||
</div>
|
<img src="./images/null.png" alt="" class="tx">
|
||||||
<div class="content">
|
<img src="./images/SS.png" alt="" class="leve">
|
||||||
<div class="rewardImg">
|
<p><span>Guild Nickname:</span><b>名字</b></p>
|
||||||
<div class="ts" id="ts100"></div>
|
<p><span>Guild ID:</span><b>0</b></p>
|
||||||
<div class="zj" id="zj100"></div>
|
<p><span>Anchor Nickname:</span><b>名字</b></p>
|
||||||
</div>
|
<p><span>Anchor ID:</span><b>0</b></p>
|
||||||
</div>
|
<p><span>My Diamond Flow:</span><b>0</b></p>
|
||||||
<div class="bottom">
|
<p><span>Available Reward Gold:</span><b>0</b></p>
|
||||||
<div class="but text10"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<img src="./images/page2Rule.png" alt="" class="rule">
|
||||||
</div>
|
</div>
|
||||||
<!-- 充值档位到达300 -->
|
|
||||||
<div class="recharge300 recharge3 recharges">
|
|
||||||
<div class="top">
|
|
||||||
<div class="title text12"></div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<!-- 奖励图片 -->
|
|
||||||
<div class="rewardImg">
|
|
||||||
<div class="ts" id="ts300"></div>
|
|
||||||
<div class="zj" id="zj300"></div>
|
|
||||||
</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 class="bottom">
|
|
||||||
<div class="but text10"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 充值档位到达500 -->
|
|
||||||
<div class="recharge500 recharge4 recharges">
|
|
||||||
<div class="top">
|
|
||||||
<div class="title text14"></div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<!-- 奖励图片 -->
|
|
||||||
<div class="rewardImg">
|
|
||||||
<div class="ts" id="ts500"></div>
|
|
||||||
<div class="zj" id="zj500"></div>
|
|
||||||
</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 class="bottom">
|
|
||||||
<div class="but text10"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 充值档位到达1000 -->
|
|
||||||
<div class="recharge1000 recharge5 recharges">
|
|
||||||
<div class="top">
|
|
||||||
<div class="title text15"></div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<!-- 奖励图片 -->
|
|
||||||
<div class="rewardImg">
|
|
||||||
<div class="ts" id="ts1000"></div>
|
|
||||||
<div class="zj" id="zj1000"></div>
|
|
||||||
</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 class="bottom">
|
|
||||||
<div class="but text10"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 充值档位到达3000 -->
|
|
||||||
<div class="recharge3000 recharge6 recharges">
|
|
||||||
<div class="top">
|
|
||||||
<div class="title text16"></div>
|
|
||||||
</div>
|
|
||||||
<div class="content">
|
|
||||||
<!-- 奖励图片 -->
|
|
||||||
<div class="rewardImg">
|
|
||||||
<div class="ts" id="ts3000"></div>
|
|
||||||
<img src="./images/bo.png" alt="" class="bo">
|
|
||||||
<img src="./images/why.png" alt="" class="why">
|
|
||||||
</div>
|
|
||||||
<!-- 前三标题 -->
|
|
||||||
<div class="topTitle">
|
|
||||||
<img src="./images/left.png" alt="" class="left">
|
|
||||||
<b class="text26"></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 class="bottom">
|
|
||||||
<div class="but text10"></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="bootomText bootomTextPage1">This activity has nothing to do with apple</div>
|
||||||
<div class="video">
|
|
||||||
<video id="zjVideo" controls>
|
|
||||||
<source src="./mp4/3000.mp4" type="video/mp4">
|
|
||||||
</video>
|
|
||||||
<img src="./images/close.png" alt="" class="close">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
@@ -62,105 +62,20 @@ $(function () {
|
|||||||
}, 100)
|
}, 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('ts10', './svga/100.svga');
|
|
||||||
loadSVGA('ts100', './svga/300.svga');
|
|
||||||
loadSVGA('ts300', './svga/10.svga');
|
|
||||||
loadSVGA('ts500', './svga/500.svga');
|
|
||||||
loadSVGA('ts1000', './svga/1000.svga');
|
|
||||||
loadSVGA('ts3000', './svga/3000.svga');
|
|
||||||
loadSVGA('zj10', './svga/zj10.svga');
|
|
||||||
loadSVGA('zj100', './svga/zj100.svga');
|
|
||||||
loadSVGA('zj300', './svga/zj300.svga');
|
|
||||||
loadSVGA('zj500', './svga/zj500.svga');
|
|
||||||
loadSVGA('zj1000', './svga/zj1000.svga');
|
|
||||||
});
|
|
||||||
function translateFun() {
|
function translateFun() {
|
||||||
var langReplace = window.lang.replace;
|
var langReplace = window.lang.replace;
|
||||||
var localLang = window.lang;
|
var localLang = window.lang;
|
||||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
// $('.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() {
|
function getConfig() {
|
||||||
showLoading()
|
showLoading()
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'get',
|
type: 'get',
|
||||||
url: urlPrefix + '/activity/h5/charge/rank',
|
url: urlPrefix + '/activity/h5/ssGuild/ssAgencyRank',
|
||||||
data: { uid: pubInfo.uid },
|
data: { uid: pubInfo.uid },
|
||||||
success(res) {
|
success(res) {
|
||||||
if (res.code === 200) {
|
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);
|
|
||||||
// 渲染档位
|
|
||||||
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) => {
|
|
||||||
$(`.recharge${i + 1} .content .topBox .no${index + 1} .tx`).attr('src', val.avatar);
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
$(`.recharge${i + 1} .content .topTitle`).hide();
|
|
||||||
$(`.recharge${i + 1} .content .topBox`).hide();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
} else {
|
||||||
toastMsg(res.message)
|
toastMsg(res.message)
|
||||||
}
|
}
|
||||||
@@ -172,138 +87,3 @@ function getConfig() {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 跳转充值
|
|
||||||
$('.myRecharge .but').click(function () {
|
|
||||||
if (browser.android) {
|
|
||||||
let channel = pubInfo.deviceInfo.channel;
|
|
||||||
if (channel == "google") {
|
|
||||||
window.androidJsObj.openChargePage(6);
|
|
||||||
} else {
|
|
||||||
window.androidJsObj.openChargePage(6);
|
|
||||||
window.location.href = urlPrefix + '/molistar/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.webkit.messageHandlers.chargePayClickPage.postMessage(6);
|
|
||||||
window.location.href = urlPrefix + '/molistar/modules/pay/index.html?channelType=4';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
// 打开规则弹窗
|
|
||||||
$('.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);
|
|
||||||
})
|
|
||||||
// 打开定制礼物弹窗
|
|
||||||
$('.recharge3000 .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/recv',
|
|
||||||
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弹窗
|
|
||||||
$('.recharge3000 .content .rewardImg .bo').click(function () {
|
|
||||||
var video = document.getElementById('zjVideo');
|
|
||||||
video.play();
|
|
||||||
bodyScroolFun(true);
|
|
||||||
$('.video').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();
|
|
||||||
});
|
|
@@ -5,41 +5,6 @@ langAr = {
|
|||||||
layerIndex1: `جار التحميل...`,
|
layerIndex1: `جار التحميل...`,
|
||||||
layerIndex2: `نجاح`,
|
layerIndex2: `نجاح`,
|
||||||
layerIndex3: `خطأ في الشبكة`,
|
layerIndex3: `خطأ في الشبكة`,
|
||||||
text1: `إعادة شحن شهرية`,
|
|
||||||
text2: `القواعد`,
|
|
||||||
text3: `يوم`,
|
|
||||||
text4: `ساعة`,
|
|
||||||
text5: `دقيقة`,
|
|
||||||
text6: `ثانية`,
|
|
||||||
text7: `إعادة شحني`,
|
|
||||||
text8: `انتقل إلى إعادة الشحن`,
|
|
||||||
text9: `إعادة شحن $10`,
|
|
||||||
text10: `احصل على مكافأة`,
|
|
||||||
text11: `إعادة شحن $100`,
|
|
||||||
text12: `إعادة شحن $300`,
|
|
||||||
text13: `أفضل 3 فائزين`,
|
|
||||||
text14: `إعادة شحن $500`,
|
|
||||||
text15: `إعادة شحن $1000`,
|
|
||||||
text16: `إعادة شحن $3000`,
|
|
||||||
text17: `القواعد`,
|
|
||||||
text18: `
|
|
||||||
<p>1، وقت نشاط إعادة الشحن: من 00:00:00 في اليوم الأول من كل شهر إلى 23:59:59 في اليوم الأخير من الشهر (GMT+3).</p>
|
|
||||||
<p>2، يمكنك الحصول على مكافأة كل درجة مرة واحدة فقط.</p>
|
|
||||||
<p>3، عند انتهاء كل جولة من الأنشطة، ستنتهي المكافآت تلقائيًا.</p>
|
|
||||||
<p>4، اتصل بخدمة العملاء الرسمية للحصول على معرفك الفريد!</p>
|
|
||||||
<p>5، لا يمكن لوكيل الشحن الانضمام إلى النشاط.</p>
|
|
||||||
<p>6، هذا الحدث ليس مرتبطًا بجوجل/أبل.</p>
|
|
||||||
`,
|
|
||||||
text19: `إعادة شحن شهريتي`,
|
|
||||||
text20: `
|
|
||||||
<p>1، تشمل طرق إعادة الشحن Google وApple الداخلية وما إلى ذلك.</p>
|
|
||||||
<p>2، لا يمكن لوكيل الشحن الانضمام إلى النشاط.</p>
|
|
||||||
`,
|
|
||||||
text21: `هدية مخصصة`,
|
|
||||||
text22: `<p>يمكنك إرسال الفيديو الخاص بك إلى خدمة العملاء لدينا للحصول على هديتك المخصصة.</p>`,
|
|
||||||
text23: `تم استلامه`,
|
|
||||||
text24: `هذا الحدث غير مرتبط بشركة أبل.`,
|
|
||||||
text25: `هذا الحدث غير مرتبط بشركة جوجل.`,
|
|
||||||
text26: `أفضل 3 فائزين`,
|
|
||||||
}
|
}
|
||||||
}
|
}
|
@@ -3,41 +3,6 @@ langEn = {
|
|||||||
layerIndex1: `Loading...`,
|
layerIndex1: `Loading...`,
|
||||||
layerIndex2: `Success`,
|
layerIndex2: `Success`,
|
||||||
layerIndex3: `Network error`,
|
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 $100`,
|
|
||||||
text12: `Recharge $300`,
|
|
||||||
text13: `Top 3 Winner`,
|
|
||||||
text14: `Recharge $500`,
|
|
||||||
text15: `Recharge $1000`,
|
|
||||||
text16: `Recharge $3000`,
|
|
||||||
text17: `Rules`,
|
|
||||||
text18: `
|
|
||||||
<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>
|
|
||||||
<p>6. This event is not related to Google/Apple.</p>
|
|
||||||
`,
|
|
||||||
text19: `My Monthly Recharge`,
|
|
||||||
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`,
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -5,41 +5,6 @@ langZh = {
|
|||||||
layerIndex1: `加載中...`,
|
layerIndex1: `加載中...`,
|
||||||
layerIndex2: `成功`,
|
layerIndex2: `成功`,
|
||||||
layerIndex3: `網絡錯誤`,
|
layerIndex3: `網絡錯誤`,
|
||||||
text1: `月度充值`,
|
|
||||||
text2: `規則`,
|
|
||||||
text3: `天`,
|
|
||||||
text4: `小時`,
|
|
||||||
text5: `分鐘`,
|
|
||||||
text6: `秒`,
|
|
||||||
text7: `我的充值`,
|
|
||||||
text8: `前往充值`,
|
|
||||||
text9: `充值 $10`,
|
|
||||||
text10: `獲得獎勵`,
|
|
||||||
text11: `充值 $100`,
|
|
||||||
text12: `充值 $300`,
|
|
||||||
text13: `前三名獲獎者`,
|
|
||||||
text14: `充值 $500`,
|
|
||||||
text15: `充值 $1000`,
|
|
||||||
text16: `充值 $3000`,
|
|
||||||
text17: `規則`,
|
|
||||||
text18: `
|
|
||||||
<p>1、充值活動時間:每月1日00:00:00到每月最後一天23:59:59(GMT+3)。</p>
|
|
||||||
<p>2、每個等級的獎勵只能獲得一次。</p>
|
|
||||||
<p>3、每輪活動結束後,獎勵將自動過期。</p>
|
|
||||||
<p>4、聯系客服獲取您的唯一ID!</p>
|
|
||||||
<p>5、充值代理不能參加活動。</p>
|
|
||||||
<p>6、該活動與谷歌/蘋果無關。</p>
|
|
||||||
`,
|
|
||||||
text19: `我的月度充值`,
|
|
||||||
text20: `
|
|
||||||
<p>1、充值方式包括Google、Apple內購等。</p>
|
|
||||||
<p>2、充值代理不能參加活動。</p>
|
|
||||||
`,
|
|
||||||
text21: `定製禮品`,
|
|
||||||
text22: `<p>您可以將您的特別視頻發送給我們的客服,以獲取定製禮品。</p>`,
|
|
||||||
text23: `已領取`,
|
|
||||||
text24: `本活動與蘋果無關`,
|
|
||||||
text25: `本活動與谷歌無關`,
|
|
||||||
text26: `前3名獲獎者`,
|
|
||||||
}
|
}
|
||||||
}
|
}
|
@@ -740,7 +740,7 @@ function getInfoFromClient() {
|
|||||||
|
|
||||||
} else {
|
} else {
|
||||||
// 非app环境调试参数
|
// 非app环境调试参数
|
||||||
pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '';
|
pubInfo.uid = sessionStorage.getItem("uid") ? sessionStorage.getItem("uid") : '3200';
|
||||||
// pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
// pubInfo.ticket = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||||
pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
pubInfo.h5_token = sessionStorage.getItem("ticket") ? sessionStorage.getItem("ticket") : '';
|
||||||
pubInfo.deviceId = "0";
|
pubInfo.deviceId = "0";
|
||||||
|