diff --git a/view/molistar/activity/luckyNumbers/css/index.css b/view/molistar/activity/luckyNumbers/css/index.css index eb8a4d2..ad3e6f6 100644 --- a/view/molistar/activity/luckyNumbers/css/index.css +++ b/view/molistar/activity/luckyNumbers/css/index.css @@ -206,9 +206,30 @@ body { height: 2.88rem; margin: 0.32rem auto 0; position: relative; + overflow: hidden; } -.fortunate_number .num_show .left_txt, -.fortunate_number .num_show .right_txt { +.fortunate_number .num_show .left_txt .no_animation, +.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-weight: 600; font-size: 1.7333333333rem; @@ -218,17 +239,26 @@ body { -webkit-text-stroke: 0.04rem #3A1600; -webkit-background-clip: text; -webkit-text-fill-color: transparent; + margin: 1.3333333333rem 0; } .fortunate_number .num_show .left_txt { position: absolute; - top: 50%; + top: 30%; left: 20%; } .fortunate_number .num_show .right_txt { position: absolute; - top: 50%; + top: 30%; right: 20%; } +@keyframes scrollUpDown { + 0% { + transform: translateY(0); + } + 100% { + transform: translateY(-33%); + } +} .fortunate_number .history_btn { background-image: url("../images/rules.png"); background-size: 100% 100%; diff --git a/view/molistar/activity/luckyNumbers/css/index.scss b/view/molistar/activity/luckyNumbers/css/index.scss index f55e88b..976cdc8 100644 --- a/view/molistar/activity/luckyNumbers/css/index.scss +++ b/view/molistar/activity/luckyNumbers/css/index.scss @@ -235,32 +235,73 @@ body { height: px2rem(216); margin: px2rem(24) auto 0; position: relative; - + overflow: hidden; .left_txt, .right_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; + + .no_animation{ + 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; + } + .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 { position: absolute; - top: 50%; + top: 30%; left: 20%; } .right_txt { position: absolute; - top: 50%; + top: 30%; 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 { @@ -633,6 +674,7 @@ body { // 隐藏滚动条（Chrome, Safari, Opera） display: none; } + .txt { font-family: PingFang SC; font-weight: 400; diff --git a/view/molistar/activity/luckyNumbers/css/myHistory.css b/view/molistar/activity/luckyNumbers/css/myHistory.css index 4a4318a..146c020 100644 --- a/view/molistar/activity/luckyNumbers/css/myHistory.css +++ b/view/molistar/activity/luckyNumbers/css/myHistory.css @@ -42,6 +42,22 @@ body { border: 0.04rem solid #FFE96E; padding: 0.5333333333rem 0.3466666667rem 0.2666666667rem; 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 { display: flex; @@ -85,6 +101,8 @@ body { font-weight: 400; font-size: 0.3733333333rem; color: #FFF783; + display: flex; + align-items: center; } .content_list .content_box .felx_box .view_results img { width: 0.4rem; diff --git a/view/molistar/activity/luckyNumbers/css/myHistory.scss b/view/molistar/activity/luckyNumbers/css/myHistory.scss index df99018..22d0248 100644 --- a/view/molistar/activity/luckyNumbers/css/myHistory.scss +++ b/view/molistar/activity/luckyNumbers/css/myHistory.scss @@ -51,6 +51,23 @@ body { border: px2rem(3) solid #FFE96E; padding: px2rem(40) px2rem(26) px2rem(20); 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 { 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 { - font-family: PingFang SC; - font-weight: 400; - font-size: px2rem(28); - color: #FFF783; + .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); + } - img { - width: px2rem(30); - height: px2rem(30); - } + .view_results { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFF783; + display: flex; + align-items: center; + + img { + width: px2rem(30); + height: px2rem(30); } + } } .my_number { @@ -120,6 +139,8 @@ body { line-height: px2rem(42); margin-top: px2rem(28); padding: px2rem(18) px2rem(22); + // display: flex; + // flex-wrap: wrap; } } } diff --git a/view/molistar/activity/luckyNumbers/css/resultsView.css b/view/molistar/activity/luckyNumbers/css/resultsView.css index d81c47f..dfd2adf 100644 --- a/view/molistar/activity/luckyNumbers/css/resultsView.css +++ b/view/molistar/activity/luckyNumbers/css/resultsView.css @@ -48,13 +48,136 @@ body { display: flex; align-items: center; justify-content: center; - padding: 0.56rem 1.8666666667rem; + padding: 0.56rem 0; margin: 0 1.3333333333rem; position: absolute; bottom: -3%; + width: 7.28rem; +} +.top_img .conis_bg .jackpot { + font-weight: 600; } .top_img .conis_bg img { width: 0.6933333333rem; height: 0.6933333333rem; 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; } \ No newline at end of file diff --git a/view/molistar/activity/luckyNumbers/css/resultsView.scss b/view/molistar/activity/luckyNumbers/css/resultsView.scss index cc16a49..5a2262d 100644 --- a/view/molistar/activity/luckyNumbers/css/resultsView.scss +++ b/view/molistar/activity/luckyNumbers/css/resultsView.scss @@ -44,6 +44,7 @@ body { .top_img { position: relative; + img { width: 100%; } @@ -58,14 +59,154 @@ body { display: flex; align-items: center; justify-content: center; - padding: px2rem(42) px2rem(140); + padding: px2rem(42) 0; margin: 0 px2rem(100); position: absolute; bottom: -3%; + width: px2rem(546); + .jackpot{ + font-weight: 600; + } img { width: px2rem(52); height: px2rem(52); 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; } \ No newline at end of file diff --git a/view/molistar/activity/luckyNumbers/images/conis_bg_guoqi.png b/view/molistar/activity/luckyNumbers/images/conis_bg_guoqi.png new file mode 100644 index 0000000..8563c28 Binary files /dev/null and b/view/molistar/activity/luckyNumbers/images/conis_bg_guoqi.png differ diff --git a/view/molistar/activity/luckyNumbers/images/jinbibx_guoqi.png b/view/molistar/activity/luckyNumbers/images/jinbibx_guoqi.png new file mode 100644 index 0000000..97474b8 Binary files /dev/null and b/view/molistar/activity/luckyNumbers/images/jinbibx_guoqi.png differ diff --git a/view/molistar/activity/luckyNumbers/index.html b/view/molistar/activity/luckyNumbers/index.html index f08f170..052d354 100644 --- a/view/molistar/activity/luckyNumbers/index.html +++ b/view/molistar/activity/luckyNumbers/index.html @@ -79,8 +79,70 @@ Today Fortunate Number
-
*
-
*
+
+
*
+
+
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
+
+
+
+
*
+
+
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
*
+
+
+
History
@@ -191,15 +253,16 @@
Congratulations
-
Congratulations on becoming the lucky one in the 20250430th issue. Go and receive the reward now!
+
+ Congratulations on becoming the lucky one in the + issue. Go and receive the reward now! +
Go
- - diff --git a/view/molistar/activity/luckyNumbers/js/index.js b/view/molistar/activity/luckyNumbers/js/index.js index fabefe2..57456cd 100644 --- a/view/molistar/activity/luckyNumbers/js/index.js +++ b/view/molistar/activity/luckyNumbers/js/index.js @@ -101,6 +101,7 @@ function getData() { $('.fortunate_bottom .participate_btn').attr("status", res.data.status) $('.conis_bg .conis_txt .num').text(res.data.jackpot) $('.tip_chang .tip_txt .playerNum').text(res.data.playerNum) + // 不可投入状态包括开奖状态跟停止等待状态 if (res.data.status != 0) { $('.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)); @@ -114,28 +115,40 @@ function getData() { $('.top_bg .tip_chang .tip_txt').html(str) } $('.my_number .numberList').text(res.data.numberList.join(' 、')) - if(res.data.luckyNumber){ - if(String(res.data.luckyNumber).length == 1){ - res.data.luckyNumber = '0'+res.data.luckyNumber + // 开奖 + if (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%') - $('.fortunate_number .num_show .right_txt').css('top', '35%') + + // 关闭数字滚动动画 + pauseAnimation(); + + $('.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)) { $('.popup_congratulations').show(); // 阻止背景滚动 $('body').css('overflow', 'hidden'); + $('.popup_congratulations .popup_content .detail_txt .date').text(res.data.date) } + + + totalSeconds = res.data.countDownSecond; // // 初始化时分秒显示 - // const initialTime = formatTime(totalSeconds); - // updateCountdownDisplay(initialTime); + const initialTime = formatTime(totalSeconds); + updateCountdownDisplay(initialTime); pauseCountdown(); - // 开始倒计时 - startCountdown(); + if (totalSeconds != 0) { + // 开始倒计时 + startCountdown(); + } } else { 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() { showLoading(); @@ -159,8 +189,8 @@ function getListHistoryRound() { let arr = res.data let str = ''; for (let i = 0; i < arr.length; i++) { - if(String(arr[i].luckyNumber).length ==1 ){ - arr[i].luckyNumber = '0'+arr[i].luckyNumber + if (String(arr[i].luckyNumber).length == 1) { + arr[i].luckyNumber = '0' + arr[i].luckyNumber } str += `
@@ -209,11 +239,15 @@ var countdownInterval; // 倒计时函数 function startCountdown() { countdownInterval = setInterval(() => { - if (totalSeconds <= 0) { + if (totalSeconds == 0) { clearInterval(countdownInterval); // 倒计时结束，可以在这里执行其他操作 + // 开启滚动动画 + startAnimation() pauseCountdown(); - // getData(); + setTimeout(() => { + getData(); + }, 2000); console.log('Countdown ended!'); return; } diff --git a/view/molistar/activity/luckyNumbers/js/myHistory.js b/view/molistar/activity/luckyNumbers/js/myHistory.js index 886b3a3..c2b7a81 100644 --- a/view/molistar/activity/luckyNumbers/js/myHistory.js +++ b/view/molistar/activity/luckyNumbers/js/myHistory.js @@ -49,7 +49,7 @@ $(function () { langReplace = window.lang.replace; localLang = window.lang; translateFun(); - + getData(); }, 100) }) @@ -58,7 +58,63 @@ function translateFun() { var localLang = window.lang; $('.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 += `${itemTwo}` + }else{ + numStr += ` ${itemTwo} ` + } + }) + str += ` +
+
${langReplace(localLang.demoModule.Expired)}
+
+
+
${item.endTime}
+
+ ${langReplace(localLang.demoModule.Fortunate_Number)}: ${item.luckyNumber} +
+
+
${langReplace(localLang.demoModule.Receive_Coins)}
+
${langReplace(localLang.demoModule.View_Results)}
+ +
+
${langReplace(localLang.demoModule.My_Participate_Number)}: ${numStr}
+
+ ` + + }); + $('.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')[0].play() $('#myVideo').on('ended', function () { @@ -66,7 +122,9 @@ $('.Receive_btn').click(function () { return }) }) -$('.view_results').click(function () { - window.location.href = './resultsView.html' - return +$(document).on('click','.view_results' ,function () { + let date = $(this).attr('date'); + console.log(date) + window.location.href = './resultsView.html?date=' + date + return }) diff --git a/view/molistar/activity/luckyNumbers/js/resultsView.js b/view/molistar/activity/luckyNumbers/js/resultsView.js index 1baccd8..9229508 100644 --- a/view/molistar/activity/luckyNumbers/js/resultsView.js +++ b/view/molistar/activity/luckyNumbers/js/resultsView.js @@ -1,5 +1,6 @@ let urlPrefix = getUrlPrefix() let browser = checkVersion() +var urlData = getQueryString(); let env = EnvCheck(); if (env == 'test') { new VConsole(); @@ -49,17 +50,68 @@ $(function () { langReplace = window.lang.replace; localLang = window.lang; translateFun(); - + getData(); }, 100) }) -$(".foot_btn").click(function (event) { - event.preventDefault(); // 阻止默认行为 - - var deepLinkUrl = `molistar://app?code=`; // 你的 Deep Link URL - window.location.href = deepLinkUrl; - // 设置超时检测 - setTimeout(function() { - window.location.href = 'https://api.molistar.xyz/molistar/home/index.html' - }, 2000); // 超时时间 500ms - }) +function translateFun() { + var langReplace = window.lang.replace; + var localLang = window.lang; + $('.Received_Successful').html(langReplace(localLang.demoModule.Received_Successful)); + $('.Put_wallet').html(langReplace(localLang.demoModule.Put_wallet)); + $('.already_claimed').html(langReplace(localLang.demoModule.already_claimed)); + + +} +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 + }, + }) +} diff --git a/view/molistar/activity/luckyNumbers/local/ar.js b/view/molistar/activity/luckyNumbers/local/ar.js index b0e8870..d2bde92 100644 --- a/view/molistar/activity/luckyNumbers/local/ar.js +++ b/view/molistar/activity/luckyNumbers/local/ar.js @@ -30,5 +30,14 @@ langAr = { Receive_Coins:'استلام العملات المعدنية', View_Results:'عرض النتائج', Expired:'منتهية الصلاحية', + Fortunate:'محظوظ', + Coins_expired:'انتهت صلاحية العملات المعدنية', + Remember_time:'تذكر أن تجمعها في المرة القادمة', + already_claimed:'تمت المطالبة بها بالفعل', + Only_data_30:'عرض بيانات آخر 30 يوماً فقط', + No_one_pool:'لم يشارك أحد في مجموعة الجوائز هذه', + Received_Successful:'تم الاستلام بنجاح', + Put_wallet:'ضعها في محفظتك', + } } \ No newline at end of file diff --git a/view/molistar/activity/luckyNumbers/local/en.js b/view/molistar/activity/luckyNumbers/local/en.js index e2e04e6..3cbf3cd 100644 --- a/view/molistar/activity/luckyNumbers/local/en.js +++ b/view/molistar/activity/luckyNumbers/local/en.js @@ -30,5 +30,13 @@ langEn = { Receive_Coins:'Receive Coins', View_Results:'View Results', 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', } } \ No newline at end of file diff --git a/view/molistar/activity/luckyNumbers/local/tr.js b/view/molistar/activity/luckyNumbers/local/tr.js index 1b7084c..4c4992c 100644 --- a/view/molistar/activity/luckyNumbers/local/tr.js +++ b/view/molistar/activity/luckyNumbers/local/tr.js @@ -30,5 +30,13 @@ langTr = { Receive_Coins:'Madeni Para Alın', View_Results:'Sonuçları Görüntüle', 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', } } \ No newline at end of file diff --git a/view/molistar/activity/luckyNumbers/local/zh.js b/view/molistar/activity/luckyNumbers/local/zh.js index 514df60..08d5bf7 100644 --- a/view/molistar/activity/luckyNumbers/local/zh.js +++ b/view/molistar/activity/luckyNumbers/local/zh.js @@ -30,5 +30,13 @@ langZh = { Receive_Coins:'接收硬幣', View_Results:'檢視結果', Expired:'過期', + Fortunate:'幸運', + Coins_expired:'硬幣已過期', + Remember_time:'下次記得領取', + already_claimed:'已經領取', + Only_data_30:'只顯示最近30天的數據', + No_one_pool:'無人分享此獎金池', + Received_Successful:'接收成功', + Put_wallet:'放入錢包', } } \ No newline at end of file diff --git a/view/molistar/activity/luckyNumbers/resultsView.html b/view/molistar/activity/luckyNumbers/resultsView.html index c2534be..2fc468a 100644 --- a/view/molistar/activity/luckyNumbers/resultsView.html +++ b/view/molistar/activity/luckyNumbers/resultsView.html @@ -17,17 +17,47 @@
-

2025-04-30 Fortunate

+

+
+
- -
- 124,999 - -
+ +
+ 0 + +
+
Received Successful
+
Put in your wallet
+
+
12 have already claimed
+
+
+
+ +
+
+
+ + + +
+
ID:
+
+
+
+
+ +
+
+
+
+
Only show last 30 days data
+
+
No one has shared this prize pool