完善我的历史页面

This commit is contained in:
chenruiye
2025-05-15 15:46:40 +08:00
parent e6594ee2d8
commit d535c34ceb
17 changed files with 728 additions and 83 deletions

View File

@@ -206,9 +206,30 @@ body {
height: 2.88rem; height: 2.88rem;
margin: 0.32rem auto 0; margin: 0.32rem auto 0;
position: relative; position: relative;
overflow: hidden;
} }
.fortunate_number .num_show .left_txt, .fortunate_number .num_show .left_txt .no_animation,
.fortunate_number .num_show .right_txt { .fortunate_number .num_show .right_txt .no_animation {
font-family: PingFang SC;
font-weight: 600;
font-size: 1.7333333333rem;
color: #FFF783;
background: linear-gradient(0deg, #FFED26 100%, #FFFFFF 100%);
-webkit-text-stroke: 0.04rem #3A1600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.fortunate_number .num_show .left_txt .animation_box,
.fortunate_number .num_show .right_txt .animation_box {
display: none;
}
.fortunate_number .num_show .left_txt .animation_box .txt_container,
.fortunate_number .num_show .right_txt .animation_box .txt_container {
animation: scrollUpDown 2s linear infinite; /* 线性无限循环 */
animation-play-state: paused;
}
.fortunate_number .num_show .left_txt .animation_box .txt_container .txt,
.fortunate_number .num_show .right_txt .animation_box .txt_container .txt {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 600; font-weight: 600;
font-size: 1.7333333333rem; font-size: 1.7333333333rem;
@@ -218,17 +239,26 @@ body {
-webkit-text-stroke: 0.04rem #3A1600; -webkit-text-stroke: 0.04rem #3A1600;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
margin: 1.3333333333rem 0;
} }
.fortunate_number .num_show .left_txt { .fortunate_number .num_show .left_txt {
position: absolute; position: absolute;
top: 50%; top: 30%;
left: 20%; left: 20%;
} }
.fortunate_number .num_show .right_txt { .fortunate_number .num_show .right_txt {
position: absolute; position: absolute;
top: 50%; top: 30%;
right: 20%; right: 20%;
} }
@keyframes scrollUpDown {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-33%);
}
}
.fortunate_number .history_btn { .fortunate_number .history_btn {
background-image: url("../images/rules.png"); background-image: url("../images/rules.png");
background-size: 100% 100%; background-size: 100% 100%;

View File

@@ -235,32 +235,73 @@ body {
height: px2rem(216); height: px2rem(216);
margin: px2rem(24) auto 0; margin: px2rem(24) auto 0;
position: relative; position: relative;
overflow: hidden;
.left_txt, .left_txt,
.right_txt { .right_txt {
font-family: PingFang SC;
font-weight: 600; .no_animation{
font-size: px2rem(130); font-family: PingFang SC;
color: #FFF783; font-weight: 600;
line-height: px2rem(42); font-size: px2rem(130);
// text-stroke: px2rem(3) #3A1600; color: #FFF783;
background: linear-gradient(0deg, #FFED26 100%, #FFFFFF 100%); // line-height: px2rem(42);
-webkit-text-stroke: px2rem(3) #3A1600; // text-stroke: px2rem(3) #3A1600;
-webkit-background-clip: text; background: linear-gradient(0deg, #FFED26 100%, #FFFFFF 100%);
-webkit-text-fill-color: transparent; -webkit-text-stroke: px2rem(3) #3A1600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.animation_box{
display: none;
.txt_container{
animation: scrollUpDown 2s linear infinite; /* 线性无限循环 */
animation-play-state: paused;
.txt{
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(130);
color: #FFF783;
line-height: px2rem(42);
// text-stroke: px2rem(3) #3A1600;
background: linear-gradient(0deg, #FFED26 100%, #FFFFFF 100%);
-webkit-text-stroke: px2rem(3) #3A1600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: px2rem(100) 0;
}
}
}
} }
.left_txt { .left_txt {
position: absolute; position: absolute;
top: 50%; top: 30%;
left: 20%; left: 20%;
} }
.right_txt { .right_txt {
position: absolute; position: absolute;
top: 50%; top: 30%;
right: 20%; right: 20%;
} }
@keyframes scrollUpDown {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-33%);
}
}
// .left_txt,
// .right_txt {
// animation: scrollUpDown 0.5s linear infinite;;
// animation-play-state: paused;
// /* 默认暂停 */
// }
} }
.history_btn { .history_btn {
@@ -633,6 +674,7 @@ body {
// 隐藏滚动条Chrome, Safari, Opera // 隐藏滚动条Chrome, Safari, Opera
display: none; display: none;
} }
.txt { .txt {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;

View File

@@ -42,6 +42,22 @@ body {
border: 0.04rem solid #FFE96E; border: 0.04rem solid #FFE96E;
padding: 0.5333333333rem 0.3466666667rem 0.2666666667rem; padding: 0.5333333333rem 0.3466666667rem 0.2666666667rem;
margin-top: 0.4rem; margin-top: 0.4rem;
position: relative;
}
.content_list .content_box .Expired {
position: absolute;
background: #757575;
border-radius: 0px 0.36rem 0px 0.36rem;
font-family: PingFang SC;
font-weight: 500;
font-size: 0.3466666667rem;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding: 0.1066666667rem 0.2933333333rem;
top: 0;
right: 0.0266666667rem;
} }
.content_list .content_box .felx_box { .content_list .content_box .felx_box {
display: flex; display: flex;
@@ -85,6 +101,8 @@ body {
font-weight: 400; font-weight: 400;
font-size: 0.3733333333rem; font-size: 0.3733333333rem;
color: #FFF783; color: #FFF783;
display: flex;
align-items: center;
} }
.content_list .content_box .felx_box .view_results img { .content_list .content_box .felx_box .view_results img {
width: 0.4rem; width: 0.4rem;

View File

@@ -51,6 +51,23 @@ body {
border: px2rem(3) solid #FFE96E; border: px2rem(3) solid #FFE96E;
padding: px2rem(40) px2rem(26) px2rem(20); padding: px2rem(40) px2rem(26) px2rem(20);
margin-top: px2rem(30); margin-top: px2rem(30);
position: relative;
.Expired {
position: absolute;
background: #757575;
border-radius: 0px px2rem(27) 0px px2rem(27);
font-family: PingFang SC;
font-weight: 500;
font-size: px2rem(26);
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
padding: px2rem(8) px2rem(22);
top: 0;
right: px2rem(2);
}
.felx_box { .felx_box {
display: flex; display: flex;
@@ -82,31 +99,33 @@ body {
} }
} }
.Receive_btn {
background-image: url("../images/participate_btn.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(28);
color: #5D2600;
display: flex;
align-items: center;
justify-content: center;
padding: px2rem(24) px2rem(32);
}
.view_results { .Receive_btn {
font-family: PingFang SC; background-image: url("../images/participate_btn.png");
font-weight: 400; background-size: 100% 100%;
font-size: px2rem(28); font-family: PingFang SC;
color: #FFF783; font-weight: 600;
font-size: px2rem(28);
color: #5D2600;
display: flex;
align-items: center;
justify-content: center;
padding: px2rem(24) px2rem(32);
}
img { .view_results {
width: px2rem(30); font-family: PingFang SC;
height: px2rem(30); font-weight: 400;
} font-size: px2rem(28);
color: #FFF783;
display: flex;
align-items: center;
img {
width: px2rem(30);
height: px2rem(30);
} }
}
} }
.my_number { .my_number {
@@ -120,6 +139,8 @@ body {
line-height: px2rem(42); line-height: px2rem(42);
margin-top: px2rem(28); margin-top: px2rem(28);
padding: px2rem(18) px2rem(22); padding: px2rem(18) px2rem(22);
// display: flex;
// flex-wrap: wrap;
} }
} }
} }

View File

@@ -48,13 +48,136 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0.56rem 1.8666666667rem; padding: 0.56rem 0;
margin: 0 1.3333333333rem; margin: 0 1.3333333333rem;
position: absolute; position: absolute;
bottom: -3%; bottom: -3%;
width: 7.28rem;
}
.top_img .conis_bg .jackpot {
font-weight: 600;
} }
.top_img .conis_bg img { .top_img .conis_bg img {
width: 0.6933333333rem; width: 0.6933333333rem;
height: 0.6933333333rem; height: 0.6933333333rem;
margin-left: 0.1333333333rem; margin-left: 0.1333333333rem;
}
.Received_Successful {
margin-top: 0.5066666667rem;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4rem;
color: #FFF783;
line-height: 0.48rem;
text-align: center;
}
.Put_wallet {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #FFF783;
line-height: 0.48rem;
opacity: 0.5;
text-align: center;
margin-top: 0.2666666667rem;
}
.receiverList {
margin: 0.6133333333rem 0.2133333333rem 0;
}
.receiverList .title {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFF783;
line-height: 0.48rem;
}
.receiverList .receiver_content .receiver_box {
background: linear-gradient(0deg, #170D03, #5E2300);
border-radius: 0.4rem;
border: 0.04rem solid #FFE96E;
display: flex;
align-items: center;
padding: 0.2666666667rem 0.3333333333rem;
margin-top: 0.2666666667rem;
}
.receiverList .receiver_content .receiver_box .avatar img {
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
}
.receiverList .receiver_content .receiver_box .info {
margin-left: 0.2933333333rem;
}
.receiverList .receiver_content .receiver_box .info .name {
display: flex;
align-items: center;
}
.receiverList .receiver_content .receiver_box .info .name .nick {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4rem;
color: #FFF783;
}
.receiverList .receiver_content .receiver_box .info .name .charmUrl,
.receiverList .receiver_content .receiver_box .info .name .experUrl {
width: 0.8rem;
height: 0.3733333333rem;
margin-left: 0.0666666667rem;
}
.receiverList .receiver_content .receiver_box .info .id {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFF783;
line-height: 0.48rem;
opacity: 0.5;
margin-top: 0.2rem;
}
.receiverList .receiver_content .receiver_box .info .date {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFF783;
line-height: 0.48rem;
opacity: 0.5;
margin-top: 0.2rem;
}
.receiverList .receiver_content .receiver_box .jackpot {
margin-left: auto;
}
.receiverList .receiver_content .receiver_box .jackpot .num {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.5333333333rem;
color: #FFF783;
}
.receiverList .receiver_content .receiver_box .jackpot img {
width: 0.5066666667rem;
height: 0.5066666667rem;
margin-left: 0.1066666667rem;
}
.Only_data_30 {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #FFF784;
line-height: 0.5066666667rem;
opacity: 0.5;
margin-top: 0.4933333333rem;
text-align: center;
}
.No_one_pool {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4533333333rem;
color: #FFF783;
line-height: 0.48rem;
text-align: center;
margin: 5.3333333333rem 0.6666666667rem;
display: none;
} }

View File

@@ -44,6 +44,7 @@ body {
.top_img { .top_img {
position: relative; position: relative;
img { img {
width: 100%; width: 100%;
} }
@@ -58,14 +59,154 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: px2rem(42) px2rem(140); padding: px2rem(42) 0;
margin: 0 px2rem(100); margin: 0 px2rem(100);
position: absolute; position: absolute;
bottom: -3%; bottom: -3%;
width: px2rem(546);
.jackpot{
font-weight: 600;
}
img { img {
width: px2rem(52); width: px2rem(52);
height: px2rem(52); height: px2rem(52);
margin-left: px2rem(10); margin-left: px2rem(10);
} }
} }
}
.Received_Successful {
margin-top: px2rem(38);
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(30);
color: #FFF783;
line-height: px2rem(36);
text-align: center;
}
.Put_wallet {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #FFF783;
line-height: px2rem(36);
opacity: 0.5;
text-align: center;
margin-top: px2rem(20);
}
.receiverList {
margin: px2rem(46) px2rem(16) 0;
.title {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFF783;
line-height: px2rem(36);
}
.receiver_content {
.receiver_box {
background: linear-gradient(0deg, #170D03, #5E2300);
border-radius: px2rem(30);
border: px2rem(3) solid #FFE96E;
display: flex;
align-items: center;
padding: px2rem(20) px2rem(25);
margin-top: px2rem(20);
.avatar {
img {
width: px2rem(120);
height: px2rem(120);
border-radius: 50%;
}
}
.info {
margin-left: px2rem(22);
.name {
display: flex;
align-items: center;
.nick {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(30);
color: #FFF783;
}
.charmUrl,
.experUrl {
width: px2rem(60);
height: px2rem(28);
margin-left: px2rem(5);
}
}
.id {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFF783;
line-height: px2rem(36);
opacity: 0.5;
margin-top: px2rem(15);
}
.date {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFF783;
line-height: px2rem(36);
opacity: 0.5;
margin-top: px2rem(15);
}
}
.jackpot {
margin-left: auto;
.num {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(40);
color: #FFF783;
}
img {
width: px2rem(38);
height: px2rem(38);
margin-left: px2rem(8);
}
}
}
}
}
.Only_data_30{
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #FFF784;
line-height: px2rem(38);
opacity: 0.5;
margin-top: px2rem(37);
text-align: center;
}
.No_one_pool{
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(34);
color: #FFF783;
line-height: px2rem(36);
text-align: center;
margin: px2rem(400) px2rem(50);
display: none;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 352 KiB

View File

@@ -79,8 +79,70 @@
Today Fortunate Number Today Fortunate Number
</div> </div>
<div class="num_show"> <div class="num_show">
<div class="left_txt">*</div> <div class="left_txt">
<div class="right_txt">*</div> <div class="no_animation">*</div>
<div class="animation_box">
<div class="txt_container">
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
</div>
</div>
</div>
<div class="right_txt">
<div class="no_animation">*</div>
<div class="animation_box">
<div class="txt_container">
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
<div class="txt">*</div>
</div>
</div>
</div>
</div> </div>
<div class="history_btn">History</div> <div class="history_btn">History</div>
</div> </div>
@@ -191,15 +253,16 @@
<div class="popup_congratulations"> <div class="popup_congratulations">
<div class="popup_content"> <div class="popup_content">
<div class="title Congratulations">Congratulations</div> <div class="title Congratulations">Congratulations</div>
<div class="detail_txt">Congratulations on becoming the lucky one in the 20250430th issue. Go and receive the reward now!</div> <div class="detail_txt">
Congratulations on becoming the lucky one in the
<span class="date"></span> issue. Go and receive the reward now!
</div>
<div class="go_btn">Go</div> <div class="go_btn">Go</div>
<div class="close_btn"> <div class="close_btn">
<img src="./images/close_btn.png" alt="" /> <img src="./images/close_btn.png" alt="" />
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

View File

@@ -101,6 +101,7 @@ function getData() {
$('.fortunate_bottom .participate_btn').attr("status", res.data.status) $('.fortunate_bottom .participate_btn').attr("status", res.data.status)
$('.conis_bg .conis_txt .num').text(res.data.jackpot) $('.conis_bg .conis_txt .num').text(res.data.jackpot)
$('.tip_chang .tip_txt .playerNum').text(res.data.playerNum) $('.tip_chang .tip_txt .playerNum').text(res.data.playerNum)
// 不可投入状态包括开奖状态跟停止等待状态
if (res.data.status != 0) { if (res.data.status != 0) {
$('.fortunate_bottom .participate_btn').css('background-image', "url('./images/participate_btn_huise.png')"); $('.fortunate_bottom .participate_btn').css('background-image', "url('./images/participate_btn_huise.png')");
$('.fortunate_number .tip_chang .tip_txt').html(langReplace(localLang.demoModule.Fortunate_published)); $('.fortunate_number .tip_chang .tip_txt').html(langReplace(localLang.demoModule.Fortunate_published));
@@ -114,28 +115,40 @@ function getData() {
$('.top_bg .tip_chang .tip_txt').html(str) $('.top_bg .tip_chang .tip_txt').html(str)
} }
$('.my_number .numberList').text(res.data.numberList.join(' 、')) $('.my_number .numberList').text(res.data.numberList.join(' 、'))
if(res.data.luckyNumber){ // 开奖
if(String(res.data.luckyNumber).length == 1){ if (res.data.luckyNumber) {
res.data.luckyNumber = '0'+res.data.luckyNumber if (String(res.data.luckyNumber).length == 1) {
res.data.luckyNumber = '0' + res.data.luckyNumber
} }
$('.fortunate_number .num_show .left_txt').text(String(res.data.luckyNumber).substring(0, 1))
$('.fortunate_number .num_show .right_txt').text(String(res.data.luckyNumber).substring(1, 2)) // 关闭数字滚动动画
$('.fortunate_number .num_show .left_txt').css('top', '35%') pauseAnimation();
$('.fortunate_number .num_show .right_txt').css('top', '35%')
$('.fortunate_number .num_show .left_txt .no_animation').text(String(res.data.luckyNumber).substring(0, 1))
$('.fortunate_number .num_show .right_txt .no_animation').text(String(res.data.luckyNumber).substring(1, 2))
$('.fortunate_number .num_show .left_txt').css('top', '15%')
$('.fortunate_number .num_show .right_txt').css('top', '15%')
} }
// 如果中奖了,弹窗
if (res.data.numberList.includes(res.data.luckyNumber)) { if (res.data.numberList.includes(res.data.luckyNumber)) {
$('.popup_congratulations').show(); $('.popup_congratulations').show();
// 阻止背景滚动 // 阻止背景滚动
$('body').css('overflow', 'hidden'); $('body').css('overflow', 'hidden');
$('.popup_congratulations .popup_content .detail_txt .date').text(res.data.date)
} }
totalSeconds = res.data.countDownSecond; totalSeconds = res.data.countDownSecond;
// // 初始化时分秒显示 // // 初始化时分秒显示
// const initialTime = formatTime(totalSeconds); const initialTime = formatTime(totalSeconds);
// updateCountdownDisplay(initialTime); updateCountdownDisplay(initialTime);
pauseCountdown(); pauseCountdown();
// 开始倒计时 if (totalSeconds != 0) {
startCountdown(); // 开始倒计时
startCountdown();
}
} else { } else {
toastMsg(res.message) toastMsg(res.message)
} }
@@ -147,6 +160,23 @@ function getData() {
}, },
}) })
} }
function startAnimation() {
$('.fortunate_number .num_show .left_txt .animation_box').show();
$('.fortunate_number .num_show .right_txt .animation_box').show();
$('.fortunate_number .num_show .left_txt .no_animation').hide();
$('.fortunate_number .num_show .right_txt .no_animation').hide();
$('.fortunate_number .num_show .left_txt .txt_container').css('animation-play-state', 'running');
$('.fortunate_number .num_show .right_txt .txt_container').css('animation-play-state', 'running');
}
function pauseAnimation() {
$('.fortunate_number .num_show .left_txt .animation_box').hide();
$('.fortunate_number .num_show .right_txt .animation_box').hide();
$('.fortunate_number .num_show .left_txt .no_animation').show();
$('.fortunate_number .num_show .right_txt .no_animation').show();
$('.fortunate_number .num_show .left_txt .txt_container').css('animation-play-state', 'paused');
$('.fortunate_number .num_show .right_txt .txt_container').css('animation-play-state', 'paused');
}
// 历史轮次 // 历史轮次
function getListHistoryRound() { function getListHistoryRound() {
showLoading(); showLoading();
@@ -159,8 +189,8 @@ function getListHistoryRound() {
let arr = res.data let arr = res.data
let str = ''; let str = '';
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
if(String(arr[i].luckyNumber).length ==1 ){ if (String(arr[i].luckyNumber).length == 1) {
arr[i].luckyNumber = '0'+arr[i].luckyNumber arr[i].luckyNumber = '0' + arr[i].luckyNumber
} }
str += ` str += `
<div class="history_box"> <div class="history_box">
@@ -209,11 +239,15 @@ var countdownInterval;
// 倒计时函数 // 倒计时函数
function startCountdown() { function startCountdown() {
countdownInterval = setInterval(() => { countdownInterval = setInterval(() => {
if (totalSeconds <= 0) { if (totalSeconds == 0) {
clearInterval(countdownInterval); clearInterval(countdownInterval);
// 倒计时结束,可以在这里执行其他操作 // 倒计时结束,可以在这里执行其他操作
// 开启滚动动画
startAnimation()
pauseCountdown(); pauseCountdown();
// getData(); setTimeout(() => {
getData();
}, 2000);
console.log('Countdown ended!'); console.log('Countdown ended!');
return; return;
} }

View File

@@ -49,7 +49,7 @@ $(function () {
langReplace = window.lang.replace; langReplace = window.lang.replace;
localLang = window.lang; localLang = window.lang;
translateFun(); translateFun();
getData();
}, 100) }, 100)
}) })
@@ -58,7 +58,63 @@ function translateFun() {
var localLang = window.lang; var localLang = window.lang;
$('.page_title').html(langReplace(localLang.demoModule.My_history)); $('.page_title').html(langReplace(localLang.demoModule.My_history));
} }
$('.Receive_btn').click(function () { function getData() {
showLoading();
networkRequest({
type: "POST",
url: urlPrefix + "/luckyNumber/listHistoryInput",
data: {
},
success: function (res) {
if (res.code == 200) {
let str = '';
res.data.forEach(item => {
if (String(item.luckyNumber).length == 1) {
item.luckyNumber = '0' + item.luckyNumber
}
let numStr =''
item.numberList.forEach(itemTwo=>{
if(String(itemTwo).length == 1){
itemTwo = '0' + itemTwo
}
if(item.luckyNumber == itemTwo){
numStr += `<span style="color:#FFFFFF">${itemTwo}</span>`
}else{
numStr += ` <span>${itemTwo}</span> `
}
})
str += `
<div class="content_box">
<div class="Expired" style="display:${item.status == -1 ? 'block' : 'none'}" >${langReplace(localLang.demoModule.Expired)}</div>
<div class="felx_box">
<div class="left">
<div class="time">${item.endTime}</div>
<div class="fortunate_number">
${langReplace(localLang.demoModule.Fortunate_Number)}: <span class="number">${item.luckyNumber}</span>
</div>
</div>
<div class=" Receive_btn" style="display:${item.status == 1 ? 'block' : 'none'}" date="${item.date}">${langReplace(localLang.demoModule.Receive_Coins)}</div>
<div class="view_results" style="display:${item.status != 1 ? 'block' : 'none'}" date="${item.date}">${langReplace(localLang.demoModule.View_Results)} <img src="./images/results_right.png" alt="" ></div>
</div>
<div class="my_number">${langReplace(localLang.demoModule.My_Participate_Number)}: ${numStr} </div>
</div>
`
});
$('.content_list').append(str)
} else {
toastMsg(res.message)
}
hideLoading(layerIndex);
},
error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
},
})
}
$(document).on('click','.Receive_btn' ,function () {
$('#myVideo').show(); $('#myVideo').show();
$('#myVideo')[0].play() $('#myVideo')[0].play()
$('#myVideo').on('ended', function () { $('#myVideo').on('ended', function () {
@@ -66,7 +122,9 @@ $('.Receive_btn').click(function () {
return return
}) })
}) })
$('.view_results').click(function () { $(document).on('click','.view_results' ,function () {
window.location.href = './resultsView.html' let date = $(this).attr('date');
return console.log(date)
window.location.href = './resultsView.html?date=' + date
return
}) })

View File

@@ -1,5 +1,6 @@
let urlPrefix = getUrlPrefix() let urlPrefix = getUrlPrefix()
let browser = checkVersion() let browser = checkVersion()
var urlData = getQueryString();
let env = EnvCheck(); let env = EnvCheck();
if (env == 'test') { if (env == 'test') {
new VConsole(); new VConsole();
@@ -49,17 +50,68 @@ $(function () {
langReplace = window.lang.replace; langReplace = window.lang.replace;
localLang = window.lang; localLang = window.lang;
translateFun(); translateFun();
getData();
}, 100) }, 100)
}) })
$(".foot_btn").click(function (event) { function translateFun() {
event.preventDefault(); // 阻止默认行为 var langReplace = window.lang.replace;
var localLang = window.lang;
var deepLinkUrl = `molistar://app?code=`; // 你的 Deep Link URL $('.Received_Successful').html(langReplace(localLang.demoModule.Received_Successful));
window.location.href = deepLinkUrl; $('.Put_wallet').html(langReplace(localLang.demoModule.Put_wallet));
// 设置超时检测 $('.already_claimed').html(langReplace(localLang.demoModule.already_claimed));
setTimeout(function() {
window.location.href = 'https://api.molistar.xyz/molistar/home/index.html'
}, 2000); // 超时时间 500ms }
}) function getData() {
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/luckyNumber/getHistoryRoundDetail",
data: { date: urlData.date },
success: function (res) {
hideLoading(layerIndex);
if (res.code == 200) {
$('.page_title').text(res.data.date + ' ' + langReplace(localLang.demoModule.Fortunate))
if (res.data.status == 0) {
// 没人中奖
$('.one_pool').hide()
$('.No_one_pool').show()
} else if (res.data.status == 1) {
// 中奖的已领取
$('.one_pool').show()
$('.No_one_pool').hide()
} else if (res.data.status == -1) {
$('.one_pool').show()
$('.No_one_pool').hide()
if (!res.data.jackpot || res.data.jackpot == 0) {
// 没中奖的过期
$('.top_img').hide();
$('.Received_Successful').hide();
$('.Put_wallet').hide();
$('.receiverList').css('margin-top', '2.6rem')
} else {
// 有中奖的过期
$('.top_img .topImg').attr('src', './images/jinbibx_guoqi.png')
$('.top_img .conis_bg').css({
'background-image': "url('./images/conis_bg_guoqi.png')",
'color': '#292419'
})
$('.top_img .conis_bg .jackpot').text(res.data.jackpot)
$('.Received_Successful').text(langReplace(localLang.demoModule.Coins_expired))
$('.Put_wallet').text(langReplace(localLang.demoModule.Remember_time))
}
}
} else {
toastMsg(res.message)
}
}, error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
canNext = true
},
})
}

View File

@@ -30,5 +30,14 @@ langAr = {
Receive_Coins:'استلام العملات المعدنية', Receive_Coins:'استلام العملات المعدنية',
View_Results:'عرض النتائج', View_Results:'عرض النتائج',
Expired:'منتهية الصلاحية', Expired:'منتهية الصلاحية',
Fortunate:'محظوظ',
Coins_expired:'انتهت صلاحية العملات المعدنية',
Remember_time:'تذكر أن تجمعها في المرة القادمة',
already_claimed:'تمت المطالبة بها بالفعل',
Only_data_30:'عرض بيانات آخر 30 يوماً فقط',
No_one_pool:'لم يشارك أحد في مجموعة الجوائز هذه',
Received_Successful:'تم الاستلام بنجاح',
Put_wallet:'ضعها في محفظتك',
} }
} }

View File

@@ -30,5 +30,13 @@ langEn = {
Receive_Coins:'Receive Coins', Receive_Coins:'Receive Coins',
View_Results:'View Results', View_Results:'View Results',
Expired:'Expired', Expired:'Expired',
Fortunate:'Fortunate',
Coins_expired:'Coins has expired',
Remember_time:'Remember to collect it next time',
already_claimed:'have already claimed',
Only_data_30:'Only show last 30 days data',
No_one_pool:'No one has shared this prize pool',
Received_Successful:'Received Successful',
Put_wallet:'Put in your wallet',
} }
} }

View File

@@ -30,5 +30,13 @@ langTr = {
Receive_Coins:'Madeni Para Alın', Receive_Coins:'Madeni Para Alın',
View_Results:'Sonuçları Görüntüle', View_Results:'Sonuçları Görüntüle',
Expired:'Süresi doldu', Expired:'Süresi doldu',
Fortunate:'Şanslı',
Coins_expired:'Madeni paraların süresi doldu',
Remember_time:'Bir dahaki sefere toplamayı unutmayın',
already_claimed:'zaten talep etti',
Only_data_30:'Yalnızca son 30 günlük verileri göster',
No_one_pool:'Kimse bu ödül havuzunu paylaşmadı',
Received_Successful:'Başarılı Alındı',
Put_wallet:'Cüzdanına koy',
} }
} }

View File

@@ -30,5 +30,13 @@ langZh = {
Receive_Coins:'接收硬幣', Receive_Coins:'接收硬幣',
View_Results:'檢視結果', View_Results:'檢視結果',
Expired:'過期', Expired:'過期',
Fortunate:'幸運',
Coins_expired:'硬幣已過期',
Remember_time:'下次記得領取',
already_claimed:'已經領取',
Only_data_30:'只顯示最近30天的數據',
No_one_pool:'無人分享此獎金池',
Received_Successful:'接收成功',
Put_wallet:'放入錢包',
} }
} }

View File

@@ -17,17 +17,47 @@
<!-- 頂部返回 --> <!-- 頂部返回 -->
<div class="back"> <div class="back">
<img src="./images/travel/yellow_back.png" alt="" /> <img src="./images/travel/yellow_back.png" alt="" />
<p class="page_title">2025-04-30 Fortunate</p> <p class="page_title"></p>
</div> </div>
<div class="one_pool">
<div class="top_img"> <div class="top_img">
<img src="./images/jinbibx.png" alt=""> <img src="./images/jinbibx.png" alt="" class="topImg"/>
<div class="conis_bg"> <div class="conis_bg">
124,999 <span class="jackpot">0</span>
<img src="./images/coins.png" alt=""> <img src="./images/coins.png" alt="" />
</div> </div>
</div> </div>
<div class="Received_Successful">Received Successful</div>
<div class="Put_wallet">Put in your wallet</div>
<div class="receiverList">
<div class="title"> <span class="">12</span> <span class="already_claimed"> have already claimed</span></div>
<div class="receiver_content">
<div class="receiver_box">
<div class="avatar">
<img src="" alt="">
</div>
<div class="info">
<div class="name">
<span class="nick"></span>
<img src="" alt="" class="experUrl">
<img src="" alt="" class="charmUrl">
</div>
<div class="id">ID: <span class="erbanNo"></span> </div>
<div class="date"></div>
</div>
<div class="jackpot">
<div class="num"></div>
<img src="./images/coins.png" alt="">
</div>
</div>
</div>
</div>
<div class="Only_data_30">Only show last 30 days data</div>
</div>
<div class="No_one_pool">No one has shared this prize pool</div>
</body> </body>
</html> </html>