moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改遗漏繁体

Browse Source
This commit is contained in:
Dragon
2023-09-28 16:08:27 +08:00
parent c4b39c5a18
commit 82cc5213e4
2 changed files with 77 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
view/peko/activity/act-kitchen/index.html
View File

@@ -5,13 +5,13 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>星级厨房</title>
<title>星級廚房</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 头部 -->
<!-- 頭部 -->
<div class="header">
<img src="./images/headerText.png" alt="" class="headerText">
<img src="./images/rule_icon.png" alt="" class="rule_icon">
@@ -21,7 +21,7 @@
</div>
<!-- 食材大盒子 -->
<div class="box">
<!-- 标题 -->
<!-- 標題 -->
<div class="boxTitle">
<!-- 請選擇：<b>30</b> 秒 -->
</div>
@@ -40,15 +40,15 @@
<b>10000</b>
</div>
</dib>
<!-- 食材列表 -->
<!-- 食材列錶 -->
<div class="box_in1 box_in">
<div class="sBox item1">
<div class="sBox1 ">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -59,9 +59,9 @@
<div class="sBox1">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -72,9 +72,9 @@
<div class="sBox1">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -85,9 +85,9 @@
<div class="sBox1">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -100,9 +100,9 @@
<div class="sBox1 ">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -113,9 +113,9 @@
<div class="sBox1">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -126,9 +126,9 @@
<div class="sBox1">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -139,9 +139,9 @@
<div class="sBox1">
<img src="" alt="">
</div>
<div class="SboxText">洋葱</div>
<div class="SboxText">洋蔥</div>
<div class="qp">
<i>已选择</i>
<i>已選擇</i>
<p><img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b></b>
</p>
@@ -149,10 +149,10 @@
<div class="bei">x15</div>
</div>
</div>
<!-- 第二轮透明遮罩 -->
<!-- 第二輪透明遮罩 -->
<div class="masks"></div>
</div>
<!-- 往轮结果 -->
<!-- 往輪結果 -->
<div class="resultOut">
<img src="./images/wljg.png" alt="" class="wljg">
<img src="./images/sqp.png" alt="" class="sqp sqp1">
@@ -176,13 +176,13 @@
<img src="" alt="" class="sqp_in sqp_in9">
<img src="" alt="" class="sqp_in sqp_in10">
</div>
<!-- 大奖展示 -->
<!-- 大獎展示 -->
<div class="resultText"></div>
<!-- 免责声明 -->
<!-- 免責聲明 -->
<h3>本活動最終解釋權歸Piko所有<br>
<b>活動獎勵與Google Play/Apple Store無關</b>
</h3>
<!-- 用户信息 -->
<!-- 用戶信息 -->
<div class="my">
<div class="left">
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
@@ -194,15 +194,15 @@
<b>今日獎勵:0</b>
</div>
</div>
<!-- 开奖结果弹窗 -->
<!-- 開獎結果彈窗 -->
<div class="result_popup">
<div class="result_popup_in">
<div class="result_popup_inTitle">本輪結果 <b></b></div>
<!-- 中奖结果列表 -->
<!-- 中獎結果列錶 -->
<ul class="resultList">
<li>
<img src="./images/logo.png" alt="">
<div class="name">洋葱</div>
<div class="name">洋蔥</div>
</li>
</ul>
<!-- 收益 -->
@@ -216,11 +216,11 @@
<b>0</b>
</p>
</div>
<!-- 本轮前三 -->
<!-- 本輪前三 -->
<div class="no">
<div class="no1">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虚位以待</div>
<div class="name">虛位以待</div>
<p>
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b> 0</b>
@@ -228,7 +228,7 @@
</div>
<div class="no2">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虚位以待</div>
<div class="name">虛位以待</div>
<p>
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b> 0</b>
@@ -236,7 +236,7 @@
</div>
<div class="no3">
<img src="./images/logo.png" alt="" class="tx">
<div class="name">虚位以待</div>
<div class="name">虛位以待</div>
<p>
<img src="./images/Sdiamond.png" alt="" class="Sdiamond">
<b> 0</b>
@@ -245,7 +245,7 @@
</div>
</div>
</div>
<!-- 规则弹窗 -->
<!-- 規則彈窗 -->
<div class="shade-mask">
<div class="shade-content">
<main>
@@ -270,7 +270,7 @@
</main>
</div>
</div>
<!-- 今日排名弹窗 -->
<!-- 今日排名彈窗 -->
<div class="shade-mask-rank">
<div class="shade-content-rank">
<div class="rank-top">
@@ -293,21 +293,21 @@
<span class="mine-rank">1</span>
<div class="mine-info">
<img src="./images/logo.png" alt="">
<span class="mine-nick">单独</span>
<span class="mine-nick">單獨</span>
</div>
<span class="mine-diamond-num">2</span>
</div>
</div>
</div>
<!-- 碎片不足提示弹窗 -->
<!-- 碎片不足提示彈窗 -->
<div class="shade-mask-fragmentNum">
<div class="shade-content-fragmentNum">
<div class="fragmentNum-title">鉆石余額不足</div>
<img src="./images/no-money.png" alt="">
<p>当前鉆石不足</p>
<p>當前鉆石不足</p>
<div class="fragmentNum-btn-wrap">
<div class="cancel-btn">取消</div>
<div class="confirm-btn">获取鉆石</div>
<div class="confirm-btn">獲取鉆石</div>
</div>
</div>
</div>

78
view/peko/activity/act-kitchen/js/index.js
View File

@@ -26,14 +26,14 @@ const toastMsg = (content = '操作完成', time = 2) => {
skin: 'msg'
})
}
var diamonds = 0;//存储当前用户钻石余额
var gearPosition = 100;//当前档位;
var roundId;//当前进行轮的roundId;
var timer;//定时器存储
var countupTimes;//存储每个阶段倒计时剩余时间戳;
var diamonds = 0;//存儲當前用戶鉆石余額
var gearPosition = 100;//當前檔位;
var roundId;//當前進行輪的roundId;
var timer;//定時器存儲
var countupTimes;//存儲每個階段倒計時剩余時間戳;
var userComeinTime, startTime, drawStageStartTime, showResultStageStartTime, endTime;
var circulate = 0;//等待开奖中动效计时
var circulateTime;//存储开奖中动效计时器
var circulate = 0;//等待開獎中動效計時
var circulateTime;//存儲開獎中動效計時器
// 榜單類型，1是鉆石榜，2是歐皇榜
let type = 1
let pageSize = 20
@@ -65,7 +65,7 @@ function getUserInfo () {
}
})
}
// 获取最新一次的深海奇缘活动信息
// 獲取最新一次的深海奇緣活動信息
function getNewestAct () {
showLoading()
networkRequest({
@@ -74,7 +74,7 @@ function getNewestAct () {
data: { count: 10 },
success (res) {
if (res.code === 200) {
// 处理往轮结果传参
// 處理往輪結果傳參
roundId = res.data.roundId;
listLuckySeaActInfo(roundId);
if ($.isEmptyObject(res.data) || res.data.status === 4) {
@@ -86,7 +86,7 @@ function getNewestAct () {
timer = setTimeout(() => {
getNewestAct()
}, 600);
} else {//活动状态(1: 选择阶段 2:正在开奖 3:已经开奖)
} else {//活動狀態(1: 選擇階段 2:正在開獎 3:已經開獎)
userComeinTime = res.timestamp
startTime = res.data.startTime
drawStageStartTime = res.data.drawStageStartTime
@@ -95,15 +95,15 @@ function getNewestAct () {
clearInterval(circulateTime);
listItem(roundId);
if (startTime <= userComeinTime && userComeinTime < drawStageStartTime) {
// 第一阶段
console.log("第一阶段");
// 第一階段
console.log("第一階段");
countupTimes = Math.floor(((drawStageStartTime - startTime) - (userComeinTime - startTime)) / 1000 + 1);
countup(1);
$('.masks').hide();
$('.result_popup').hide();
} else if (drawStageStartTime <= userComeinTime && userComeinTime < showResultStageStartTime) {
// 第二阶段
console.log("第二阶段");
// 第二階段
console.log("第二階段");
countupTimes = Math.floor(((showResultStageStartTime - drawStageStartTime) - (userComeinTime - drawStageStartTime)) / 1000 + 1);
countup(2);
circulateTime = setInterval(function () {
@@ -115,11 +115,11 @@ function getNewestAct () {
$('.masks').show();
}, 100);
} else if (showResultStageStartTime <= userComeinTime && userComeinTime < endTime) {
// 第三阶段
console.log("第三阶段");
// 第三階段
console.log("第三階段");
countupTimes = Math.floor(((endTime - showResultStageStartTime) - (userComeinTime - showResultStageStartTime)) / 1000 + 1);
countup(3);
// 渲染本轮结果
// 渲染本輪結果
var str = '';
$('.result_popup .result_popup_in .resultList li').remove();
res.data.drawItemList.forEach(res => {
@@ -131,7 +131,7 @@ function getNewestAct () {
`
})
$('.result_popup .result_popup_in .resultList').append(str);
// 渲染本轮投入和产出
// 渲染本輪投入和產出
var costPieceNum = 0;
res.data.userDrawResult.drawRecords.forEach((res, i) => {
costPieceNum = costPieceNum + res.costPieceNum;
@@ -179,9 +179,9 @@ function countup (status) {
$('.box .boxTitle').html(`請選擇：<b>${countupTimes}</b> 秒`);
} else if (status == 2) {
circulate = 0;
$('.box .boxTitle').html(`开奖中：<b>${countupTimes}</b> 秒`);
$('.box .boxTitle').html(`開獎中：<b>${countupTimes}</b> 秒`);
} else {
$('.box .boxTitle').html(`下一轮：<b>${countupTimes}</b> 秒`);
$('.box .boxTitle').html(`下一輪：<b>${countupTimes}</b> 秒`);
$('.result_popup .result_popup_in .result_popup_inTitle b').html(`${countupTimes}`);
}
getNewestAct();
@@ -190,16 +190,16 @@ function countup (status) {
if (status == 1) {
$('.box .boxTitle').html(`請選擇：<b>${countupTimes}</b> 秒`);
} else if (status == 2) {
$('.box .boxTitle').html(`开奖中：<b>${countupTimes}</b> 秒`);
$('.box .boxTitle').html(`開獎中：<b>${countupTimes}</b> 秒`);
} else {
$('.box .boxTitle').html(`下一轮：<b>${countupTimes}</b> 秒`);
$('.box .boxTitle').html(`下一輪：<b>${countupTimes}</b> 秒`);
$('.result_popup .result_popup_in .result_popup_inTitle b').html(`${countupTimes}`);
}
}
}, 1000);
}
// 渲染抽奖列表
// 渲染抽獎列錶
function listItem (roundId) {
showLoading()
networkRequest({
@@ -235,7 +235,7 @@ function listItem (roundId) {
}
})
}
// 获取往轮结果
// 獲取往輪結果
function listLuckySeaActInfo (roundId) {
showLoading()
networkRequest({
@@ -246,7 +246,7 @@ function listLuckySeaActInfo (roundId) {
if (res.code === 200) {
res.data.forEach((res, i) => {
if (res.drawItemList.length > 1) {
if (res.drawName == '荤菜狂欢') {
if (res.drawName == '葷菜狂歡') {
$(`.resultOut .sqp_in${i + 1} `).attr('src', './images/rou.png');
} else {
$(`.resultOut .sqp_in${i + 1} `).attr('src', './images/su.png');
@@ -268,13 +268,13 @@ function listLuckySeaActInfo (roundId) {
}
})
}
// 档位切换
// 檔位切換
$('.box .tab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('active').siblings().removeClass('active');
gearPosition = i == 1 ? 100 : i == 2 ? 1000 : 10000;
})
// 抽奖接口
// 抽獎接口
function draw (itemId, tais) {
// showLoading()
networkRequest({
@@ -296,12 +296,12 @@ function draw (itemId, tais) {
}
})
}
// 选择食材按钮
// 選擇食材按鈕
$('.box .box_in .sBox').click(function () {
var id = $(this).attr('id');
draw(id, $(this));
})
// 去充值按钮
// 去充值按鈕
$('.my div .add').click(function () {
if (browser.app) {
if (browser.android) {
@@ -326,19 +326,19 @@ $('.my div .add').click(function () {
toastMsg('請在app內打開')
}
})
// 打开规则弹窗
// 打開規則彈窗
$('.header .rule_icon').click(function () {
$('.shade-mask').show()
})
// 关闭规则弹窗
// 關閉規則彈窗
$('.shade-mask').click(function () {
$('.shade-mask').hide()
})
// 打开游戏记录
// 打開遊戲記錄
$('.header .record_icon').click(function () {
window.location.href = './record.html'
})
// 关闭排行榜
// 關閉排行榜
$('.shade-mask-rank').click(function () {
$('.shade-mask-rank').hide()
return false;
@@ -371,7 +371,7 @@ function getListRank (type, page) {
success (res) {
if (res.code === 200) {
if (page == 1) {
// 处理第一名
// 處理第一名
$('.shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap').remove();
let topOne = res.data.rankList.slice(0, 1)
if (topOne.length === 0) {
@@ -396,7 +396,7 @@ function getListRank (type, page) {
`
})
$('.shade-mask-rank .shade-content-rank .rank-top .topthree-wrap').append(topOneStr);
//处理底部数据
//處理底部數據
let erbanNo = res.data.myRankInfo.erbanNo
let myIndex;
res.data.rankList.findIndex((item, index) => {
@@ -413,7 +413,7 @@ function getListRank (type, page) {
$('.shade-mask-rank .shade-content-rank .mine .mine-info .mine-nick').text(res.data.myRankInfo.nick.length > 5 ? res.data.myRankInfo.nick.slice(0, 5) + '...' : res.data.myRankInfo.nick)
}
if (res.data.rankList.length > 0) {
// 非前第一数据
// 非前第一數據
var str = '';
var list = res.data.rankList.slice(1);
list.forEach((item, i) => {
@@ -444,7 +444,7 @@ function getListRank (type, page) {
}
})
}
// 检测榜单是否滑到底部
// 檢測榜單是否滑到底部
$(".shade-mask-rank .shade-content-rank .other-rank").scroll(function () {
var divHeight = $(this).height();
var nScrollHeight = $(this)[0].scrollHeight;
@@ -458,11 +458,11 @@ $(".shade-mask-rank .shade-content-rank .other-rank").scroll(function () {
}
}
});
// 取消余额不足弹窗
// 取消余額不足彈窗
$('.cancel-btn').click(function () {
$('.shade-mask-fragmentNum').hide();
})
// 取消余额不足跳转弹窗按钮
// 取消余額不足跳轉彈窗按鈕
$('.shade-mask-fragmentNum .shade-content-fragmentNum .fragmentNum-btn-wrap .confirm-btn').click(function () {
if (browser.app) {
if (browser.android) {