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
2024-03-26 15:25:09 +08:00
parent f17f734d6a
commit f62710be48
2 changed files with 78 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
view/peko/activity/2024-aprilFoolsDay/index.html
View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<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?v=1.0">
</head>
@@ -15,15 +15,15 @@
<img src="./images/travel/back.png" alt="">
</div>
<!-- 头部 -->
<!-- 頭部 -->
<div class="header">
<!-- 限定礼物 -->
<!-- 限定禮物 -->
<img src="./images/qualifyGift_icon.png" alt="" class="qualifyGift_icon">
<!-- 活动规则 -->
<!-- 活動規則 -->
<img src="./images/rule_icon.png" alt="" class="rule_icon">
</div>
<!-- tab切换 -->
<!-- tab切換 -->
<div class="tabs">
<div class="tab1 act1"></div>
<div class="tab2"></div>
@@ -31,21 +31,21 @@
<div class="tab4"></div>
</div>
<!-- 页面1 -->
<!-- 頁面1 -->
<div class="page1">
<!-- 奇幻魔盒 -->
<div class="box1">
<img src="./images/pageBox1Rule_icon.png" alt="" class="pageBox1Rule_icon">
<div class="time">3分钟倒计时: <span class="sp1">03</span> 分 <span class="sp2">00</span> 秒</div>
<div class="time">3分鐘倒計時: <span class="sp1">03</span> 分 <span class="sp2">00</span> 秒</div>
<div class="text">用戶在送出第一個奇幻魔盒後開啓3分鐘倒計時，<br>在此期間內點亮所有禮物，可獲得<b>【愚人慶典】</b>禮物*1</div>
<div class="giftBoxs">
<div class="">
<img src="./images/pageBox1Gift1.png" alt="">
扑克士兵
撲克士兵
</div>
<div>
<img src="./images/pageBox1Gift2.png" alt="">
咬咬鲨
咬咬鯊
</div>
<div>
<img src="./images/pageBox1Gift3.png" alt="">
@@ -68,19 +68,19 @@
<div class="no1">
<img src="./images/page1Top1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值:0</div>
</div>
<div class="no2">
<img src="./images/page1Top2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值:0</div>
</div>
<div class="no3">
<img src="./images/page1Top3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值:0</div>
</div>
</div>
@@ -89,52 +89,52 @@
<!-- <li>
<div class="num">1.</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值: 20</div>
</li> -->
</ul>
</div>
<!-- 自己榜单 -->
<!-- 自己榜單 -->
<div class="my">
<div class="num">1.</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值: 20</div>
</div>
</div>
<!-- 页面2 -->
<!-- 頁面2 -->
<div class="page2">
<!-- 更新 -->
<img src="./images/upDate.png" alt="" class="upDate">
<!-- 切换 -->
<!-- 切換 -->
<div class="tab">
<div class="act1">牌照房间</div>
<div class="">个播房间</div>
<div class="act1">牌照房間</div>
<div class="">個播房間</div>
</div>
<!-- 第一名房间 -->
<!-- 第一名房間 -->
<div class="topRoom">
<img src="./images/logo.png" alt="" class="tx">
<div class="roomName">房间昵称</div>
<div class="score">房间进度值: <b>00.0%</b></div>
<div class="roomName">房間昵稱</div>
<div class="score">房間進度值: <b>00.0%</b></div>
</div>
<!-- 第一名进度 -->
<!-- 第一名進度 -->
<div class="topLine">
<div></div>
<span>0/0</span>
</div>
<!-- 文案介绍 -->
<!-- 文案介紹 -->
<div class="text">房間進度值達到100%，即可開啓紅包雨</div>
<!-- 第一名房间跳转 -->
<!-- 第一名房間跳轉 -->
<img src="./images/page2ToRoomBut.png" alt="" class="page2ToRoomBut">
<div class="page2NotTopTitle">其他房间推荐</div>
<!-- 其他房间 -->
<div class="page2NotTopTitle">其他房間推薦</div>
<!-- 其他房間 -->
<ul>
<li>
<img src="./images/logo.png" alt="" class="tx">
<div class="live">直播中</div>
<div class="roomName">房间昵称</div>
<div class="score">房间进度值: <b>00.0%</b></div>
<div class="roomName">房間昵稱</div>
<div class="score">房間進度值: <b>00.0%</b></div>
<div class="line_in">
<div></div>
<span>0/0</span>
@@ -145,22 +145,22 @@
</ul>
</div>
<!-- 页面3 -->
<!-- 頁面3 -->
<div class="page3"></div>
<!-- 页面4 -->
<!-- 頁面4 -->
<div class="page4 page41">
<!-- 切换 -->
<!-- 切換 -->
<div class="page4_tab">
<div></div>
<div></div>
</div>
<!-- 日榜总榜切换 -->
<!-- 日榜總榜切換 -->
<div class="dayTab">
<div class="act">日榜</div>
<div>总榜</div>
<div>總榜</div>
</div>
<!-- 日期切换 -->
<!-- 日期切換 -->
<div class="timeTab">
<div class="act">3.27</div>
<div>3.27</div>
@@ -174,19 +174,19 @@
<div class="no1">
<img src="./images/page1Top1.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值:0</div>
</div>
<div class="no2">
<img src="./images/page1Top2.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值:0</div>
</div>
<div class="no3">
<img src="./images/page1Top3.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值:0</div>
</div>
</div>
@@ -195,31 +195,31 @@
<li>
<div class="num">1.</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值: 20</div>
</li>
</ul>
<!-- 自己榜单 -->
<!-- 自己榜單 -->
<div class="my">
<div class="num">1.</div>
<img src="./images/logo.png" alt="" class="tx">
<div class="nick">用户昵称</div>
<div class="nick">用戶昵稱</div>
<div class="score">奇幻值: 20</div>
</div>
</div>
<!-- 魔盒说明 -->
<!-- 魔盒說明 -->
<div class="MagicBoxRule">
<div class="MagicBoxRule_in MagicBoxRule1">
<!-- 切换 -->
<!-- 切換 -->
<div class="tab">
<div></div>
<div></div>
</div>
<!-- 切换页面1 -->
<!-- 切換頁面1 -->
<img src="./images/MagicBoxRule1Bg.png" alt="" class="MagicBoxRulePage1">
<!-- 切换页面2 -->
<!-- 切換頁面2 -->
<div class="MagicBoxRulePage2">
<ul>
<li>
@@ -227,9 +227,9 @@
<p>2024/3/19</p>
<b>14:07:07</b>
</div>
<div class="centen">用户昵称</div>
<div class="centen">用戶昵稱</div>
<div class="right">
<p>获得：礼物名称</p>
<p>獲得：禮物名稱</p>
<b>0 <img src="./images/diamond.png" alt=""></b>
</div>
</li>
@@ -238,7 +238,7 @@
</div>
</div>
<!-- 活动规则 -->
<!-- 活動規則 -->
<div class="rule">
<div class="rule_in">
<div class="box">
@@ -247,7 +247,7 @@
</div>
</div>
<!-- 限定礼物规则 -->
<!-- 限定禮物規則 -->
<div class="limitedGift">
<div class="limitedGift_in">
<div class="box">

58
view/peko/activity/2024-aprilFoolsDay/js/index.js
View File

@@ -61,7 +61,7 @@ $(function () {
}, 100)
})
// 獲取任务接口
// 獲取任務接口
function getTaskUser () {
showLoading()
networkRequest({
@@ -70,7 +70,7 @@ function getTaskUser () {
data: { componentCode: "QI_HUAN_MO_HE" },
success (res) {
if (res.code === 200) {
// 渲染愚人盛典礼物
// 渲染愚人盛典禮物
$('.page1 .box1 .giftBoxs div').remove();
var str = '';
res.data[0].children.forEach((res, i) => {
@@ -94,7 +94,7 @@ function getTaskUser () {
})
}
// 獲取倒计时接口
// 獲取倒計時接口
function getTime () {
showLoading()
networkRequest({
@@ -154,7 +154,7 @@ function getzf (num) {
return num;
}
// tab切换
// tab切換
$('.tabs div').click(function () {
var i = $(this).index() + 1;
$('.tabs div').removeClass('act1').removeClass('act2').removeClass('act3').removeClass('act4');
@@ -170,7 +170,7 @@ $('.tabs div').click(function () {
}
})
// 更新房间接口按钮
// 更新房間接口按鈕
$('.page2 .upDate').click(function () {
getRooms();
})
@@ -214,7 +214,7 @@ function getRank () {
`
})
$('.page1 .box2 ul').append(str);
// 处理自己榜单
// 處理自己榜單
$('.page1 .my .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
$('.page1 .my .tx').attr('src', res.data.meRank.avatar);
$('.page1 .my .nick').text(res.data.meRank.nick);
@@ -231,7 +231,7 @@ function getRank () {
})
}
// 页面2切换
// 頁面2切換
$('.page2 .tab div').click(function () {
var i = $(this).index() + 1;
$('.page2 .tab div').removeClass('act1').removeClass('act2');
@@ -240,7 +240,7 @@ $('.page2 .tab div').click(function () {
getRooms();
})
// 獲取房间榜接口
// 獲取房間榜接口
function getRooms () {
showLoading()
networkRequest({
@@ -262,7 +262,7 @@ function getRooms () {
}
console.log(top);
var notTop = res.data.slice(1);
// 第一房间
// 第一房間
$('.page2 .topRoom .tx').attr('src', top[0].roomAvatar);
$('.page2 .topRoom .roomName').text(top[0].roomTitle);
$('.page2 .topRoom .score b').text(top[0].percentage + '%');
@@ -271,7 +271,7 @@ function getRooms () {
$('.page2 .page2ToRoomBut').attr("uid", top[0].roomUid);
$('.page2 .page2ToRoomBut').attr("src", top[0].isUnderway ? './images/page2ToRoomBut.png' : './images/page2ToRoomBut2.png');
$('.page2 .page2ToRoomBut').attr("isUnderway", top[0].isUnderway);
// 其他房间
// 其他房間
$('.page2 ul li').remove();
var str = '';
notTop.forEach(res => {
@@ -302,7 +302,7 @@ function getRooms () {
}
})
}
// 房间最前面的跳转按钮
// 房間最前面的跳轉按鈕
$('.page2 .page2ToRoomBut').click(function () {
var uid = $(this).attr('uid');
var isUnderway = $(this).attr('isUnderway');
@@ -316,7 +316,7 @@ $('.page2 .page2ToRoomBut').click(function () {
}
}
})
// 其他房间跳转房间按钮
// 其他房間跳轉房間按鈕
$('.page2 ul').on('click', ' li .go', function () {
var uid = $(this).attr('uid');
if (browser.ios) {
@@ -328,7 +328,7 @@ $('.page2 ul').on('click', ' li .go', function () {
}
})
// 页面4切换
// 頁面4切換
$('.page4 .page4_tab div').click(function () {
var i = $(this).index() + 1;
$('.page4').removeClass('page41').removeClass('page42');
@@ -343,7 +343,7 @@ $('.page4 .page4_tab div').click(function () {
giftGetRank(rankType, data);
})
// 页面4 日榜/总榜切换
// 頁面4 日榜/總榜切換
$('.page4 .dayTab div').click(function () {
var i = $(this).index() + 1;
$(this).addClass('act').siblings().removeClass('act')
@@ -359,7 +359,7 @@ $('.page4 .dayTab div').click(function () {
giftGetRank(rankType, data);
})
// 页面4 日期切换
// 頁面4 日期切換
$('.page4 .timeTab div').click(function () {
var i = $(this).index() + 1;
var datas = $(this).attr('data');
@@ -369,7 +369,7 @@ $('.page4 .timeTab div').click(function () {
giftGetRank(rankType, data);
})
// 獲取愚人榜单接口
// 獲取愚人榜單接口
function giftGetRank (rankType, date) {
showLoading()
networkRequest({
@@ -405,7 +405,7 @@ function giftGetRank (rankType, date) {
top3.forEach((res, i) => {
$(`.page4 .top3 .no${i + 1} .tx`).attr('src', res.avatar);
$(`.page4 .top3 .no${i + 1} .nick`).text(res.nick);
$(`.page4 .top3 .no${i + 1} .score`).html(`${rankType == 1 || rankType == 2 ? '愚乐值' : '娱乐值'}<br>` + unitProcessing(res.score, 10000, 1, 'w'))
$(`.page4 .top3 .no${i + 1} .score`).html(`${rankType == 1 || rankType == 2 ? '愚樂值' : '娛樂值'}<br>` + unitProcessing(res.score, 10000, 1, 'w'))
})
// 非前三
var str = '';
@@ -416,16 +416,16 @@ function giftGetRank (rankType, date) {
<div class="num">${res.ranking}.</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="nick">${res.nick}</div>
<div class="score">${rankType == 1 || rankType == 2 ? '愚乐值' : '娱乐值'}: ${unitProcessing(res.score, 10000, 1, 'w')}</div>
<div class="score">${rankType == 1 || rankType == 2 ? '愚樂值' : '娛樂值'}: ${unitProcessing(res.score, 10000, 1, 'w')}</div>
</li>
`
})
$('.page4 ul').append(str);
// 处理自己榜单
// 處理自己榜單
$('.page4 .my .num').text(res.data.meRank.ranking == 0 ? '未上榜' : res.data.meRank.ranking);
$('.page4 .my .tx').attr('src', res.data.meRank.avatar);
$('.page4 .my .nick').text(res.data.meRank.nick);
$('.page4 .my .score').text(`${rankType == 1 || rankType == 2 ? '愚乐值' : '娱乐值'}` + unitProcessing(res.data.meRank.score, 10000, 1, 'w'));
$('.page4 .my .score').text(`${rankType == 1 || rankType == 2 ? '愚樂值' : '娛樂值'}` + unitProcessing(res.data.meRank.score, 10000, 1, 'w'));
} else {
toastMsg(res.message)
}
@@ -438,7 +438,7 @@ function giftGetRank (rankType, date) {
})
}
// 魔盒切换
// 魔盒切換
$('.MagicBoxRule .MagicBoxRule_in .tab div').click(function () {
var i = $(this).index() + 1;
$('.MagicBoxRule .MagicBoxRule_in').removeClass('MagicBoxRule1').removeClass('MagicBoxRule2');
@@ -465,7 +465,7 @@ function getRecordPage () {
var str = ''
if (res.data.records.length == 0) {
str = `
<li class="not">暂无记录</li>
<li class="not">暫無記錄</li>
`
isLock = false;
} else {
@@ -500,7 +500,7 @@ function getRecordPage () {
}
})
}
// 滚动
// 滾動
$('.MagicBoxRule .MagicBoxRule_in .MagicBoxRulePage2 ul').scroll(function () {
let scrollTop = $(this).scrollTop()
let scrollHeight = $('.MagicBoxRule .MagicBoxRule_in .MagicBoxRulePage2 ul')[0].scrollHeight
@@ -515,7 +515,7 @@ $('.MagicBoxRule .MagicBoxRule_in .MagicBoxRulePage2 ul').scroll(function () {
}
})
// 打开魔盒规则
// 打開魔盒規則
$('.page1 .box1 .pageBox1Rule_icon').click(function () {
$('.MagicBoxRule .MagicBoxRule_in .MagicBoxRulePage2 ul li').remove();
getRecordPage();
@@ -523,31 +523,31 @@ $('.page1 .box1 .pageBox1Rule_icon').click(function () {
bodyScroolFun(true);
})
// 关闭魔盒规则
// 關閉魔盒規則
$('.MagicBoxRule').click(function () {
$('.MagicBoxRule').hide();
bodyScroolFun(false);
})
// 打开规则
// 打開規則
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 关闭规则
// 關閉規則
$('.rule').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})
// 打开限定礼物规则
// 打開限定禮物規則
$('.header .qualifyGift_icon').click(function () {
$('.limitedGift').show();
bodyScroolFun(true);
})
// 关闭限定礼物规则
// 關閉限定禮物規則
$('.limitedGift').click(function () {
$('.limitedGift').hide();
bodyScroolFun(false);