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

完善幸运数字首页逻辑

Browse Source
This commit is contained in:
chenruiye
2025-05-09 17:08:29 +08:00
parent 8c23569a25
commit e421eea056
15 changed files with 1085 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
view/molistar/activity/luckyNumbers/css/index.css
View File

@@ -1,3 +1,4 @@
@charset "UTF-8";
html,
body {
height: 100%;
@@ -292,3 +293,281 @@ body {
margin-top: 0.4rem;
text-align: center;
}
.popup_sumbit {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
}
.popup_sumbit .popup_content {
background-image: url("../images/popup_bg.png");
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.5333333333rem 0;
}
.popup_sumbit .popup_content .title {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFF784;
line-height: 0.48rem;
text-align: center;
}
.popup_sumbit .popup_content .my_number {
background: rgba(0, 0, 0, 0.4);
border-radius: 0.1866666667rem;
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #FFF783;
line-height: 0.56rem;
padding: 0.24rem 0.3466666667rem;
margin: 0.2133333333rem 0.5333333333rem;
}
.popup_sumbit .popup_content .number_selector {
background-image: url("../images/select_bg.png");
background-size: 100% 100%;
width: 4.56rem;
height: 2.9333333333rem;
margin: 0.2666666667rem auto;
display: flex;
align-items: center;
justify-content: center;
gap: 1.0666666667rem;
}
.popup_sumbit .popup_content .number_selector .swiper {
height: 2.6666666667rem;
}
.popup_sumbit .popup_content .number_selector .swiper-slide-active,
.popup_sumbit .popup_content .number_selector .swiper-slide-prev,
.popup_sumbit .popup_content .number_selector .swiper-slide-next {
display: flex;
align-items: center;
}
.popup_sumbit .popup_content .number_selector .swiper-slide {
font-family: PingFang SC;
font-weight: 600;
font-size: 1.2266666667rem;
color: #FFF783;
line-height: 0.8rem;
text-stroke: 0.04rem #3A1600;
background: linear-gradient(0deg, #FFED26 0%, #FFFFFF 100%);
-webkit-text-stroke: 0.04rem #3A1600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: flex;
align-items: center;
}
.popup_sumbit .popup_content .sumbit_btn {
background-image: url("../images/participate_btn.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.5333333333rem;
color: #5D2600;
line-height: 0.48rem;
padding: 0.4rem 1.0666666667rem;
margin: 0rem 2.6666666667rem;
text-align: center;
}
.popup_sumbit .popup_content .tip_txt {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #FFF784;
opacity: 0.5;
text-align: center;
margin-top: 0.1866666667rem;
padding-bottom: 0.2666666667rem;
}
.popup_sumbit .popup_content .close_btn {
position: absolute;
top: -12%;
right: 2%;
}
.popup_sumbit .popup_content .close_btn img {
width: 0.8rem;
height: 0.8rem;
}
.popup_history {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
}
.popup_history .popup_content {
background-image: url("../images/popup_bg.png");
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.5333333333rem 0;
height: 9.2rem;
}
.popup_history .popup_content .title {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFF784;
line-height: 0.48rem;
text-align: center;
}
.popup_history .popup_content .tip_txt {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #FFF784;
line-height: 0.5066666667rem;
opacity: 0.5;
text-align: center;
}
.popup_history .popup_content .close_btn {
position: absolute;
top: -12%;
right: 2%;
}
.popup_history .popup_content .close_btn img {
width: 0.8rem;
height: 0.8rem;
}
.popup_history .popup_content .history_list {
height: 7.7333333333rem;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.popup_history .popup_content .history_list::-webkit-scrollbar {
display: none;
}
.popup_history .popup_content .history_list .history_box {
background: rgba(0, 0, 0, 0.3);
border-radius: 0.24rem;
padding: 0.4666666667rem 0.4rem;
margin: 0.2666666667rem 0.9333333333rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.popup_history .popup_content .history_list .history_box .left .Fortunate_Number {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFF784;
line-height: 0.5066666667rem;
}
.popup_history .popup_content .history_list .history_box .left .time {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFF784;
line-height: 0.5066666667rem;
margin-top: 0.2666666667rem;
}
.popup_history .popup_content .history_list .history_box .right {
background-image: url("../images/num_jiqi.png");
background-size: 100% 100%;
width: 2.2666666667rem;
height: 1.24rem;
position: relative;
}
.popup_history .popup_content .history_list .history_box .right .left_txt,
.popup_history .popup_content .history_list .history_box .right .right_txt {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.7466666667rem;
color: #FFF783;
line-height: 0.24rem;
background: linear-gradient(0deg, #FFED26 100%, #FFFFFF 100%);
-webkit-text-stroke: 0.04rem #3A1600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.popup_history .popup_content .history_list .history_box .right .left_txt {
position: absolute;
top: 32%;
left: 20%;
}
.popup_history .popup_content .history_list .history_box .right .right_txt {
position: absolute;
top: 32%;
right: 20%;
}
.popup_rule {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
}
.popup_rule .popup_content {
background-image: url("../images/popup_bg.png");
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9.6rem;
padding: 0.5333333333rem 0;
height: 9.2rem;
}
.popup_rule .popup_content .title {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFF784;
line-height: 0.48rem;
text-align: center;
margin-bottom: 0.5333333333rem;
}
.popup_rule .popup_content .detail_txt {
height: 7.7333333333rem;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.popup_rule .popup_content .detail_txt::-webkit-scrollbar {
display: none;
}
.popup_rule .popup_content .detail_txt .txt {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #FFF783;
line-height: 0.56rem;
margin: 0 0.8rem;
}
.popup_rule .popup_content .close_btn {
position: absolute;
top: -12%;
right: 2%;
}
.popup_rule .popup_content .close_btn img {
width: 0.8rem;
height: 0.8rem;
}

326
view/molistar/activity/luckyNumbers/css/index.scss
View File

@@ -25,6 +25,7 @@ body {
font-size: px2rem(38);
font-weight: bold;
z-index: 99;
img {
width: px2rem(44);
height: px2rem(44);
@@ -40,6 +41,7 @@ body {
height: px2rem(1073);
width: 100%;
position: relative;
.countdown_box {
position: absolute;
top: 30%;
@@ -99,6 +101,7 @@ body {
position: absolute;
top: 76%;
padding: 0 px2rem(100);
.conis_txt {
font-family: PingFang SC;
font-weight: 600;
@@ -124,6 +127,7 @@ body {
}
}
}
.rules {
background-image: url('../images/rules.png');
background-size: 100% 100%;
@@ -198,6 +202,7 @@ body {
padding-top: px2rem(80);
margin: px2rem(34) px2rem(14) 0;
position: relative;
.tip_chang {
background-image: url('../images/tip_chang.png');
background-size: 100% 100%;
@@ -329,3 +334,324 @@ body {
text-align: center;
}
}
.popup_sumbit {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
.popup_content {
background-image: url('../images/popup_bg.png');
background-size: 100% 100%;
// margin: 0 px2rem(14);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(40) 0;
.title {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFF784;
line-height: px2rem(36);
text-align: center;
}
.my_number {
background: rgba(0, 0, 0, 0.4);
border-radius: px2rem(14);
// opacity: 0.8;
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #FFF783;
line-height: px2rem(42);
padding: px2rem(18) px2rem(26);
margin: px2rem(16) px2rem(40);
}
.number_selector {
background-image: url('../images/select_bg.png');
background-size: 100% 100%;
width: px2rem(342);
height: px2rem(220);
margin: px2rem(20) auto;
display: flex;
align-items: center;
justify-content: center;
gap: px2rem(80);
.swiper {
height: px2rem(200);
}
.swiper-slide-active,
.swiper-slide-prev,
.swiper-slide-next {
display: flex;
align-items: center;
}
.swiper-slide {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(92);
color: #FFF783;
line-height: px2rem(60);
text-stroke: px2rem(3) #3A1600;
background: linear-gradient(0deg, #FFED26 0%, #FFFFFF 100%);
-webkit-text-stroke: px2rem(3) #3A1600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: flex;
align-items: center;
}
}
.sumbit_btn {
background-image: url('../images/participate_btn.png');
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(40);
color: #5D2600;
line-height: px2rem(36);
padding: px2rem(30) px2rem(80);
margin: px2rem(0) px2rem(200);
text-align: center;
}
.tip_txt {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #FFF784;
opacity: 0.5;
text-align: center;
margin-top: px2rem(14);
padding-bottom: px2rem(20);
}
.close_btn {
position: absolute;
top: -12%;
right: 2%;
img {
width: px2rem(60);
height: px2rem(60);
}
}
}
}
.popup_history {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
.popup_content {
background-image: url('../images/popup_bg.png');
background-size: 100% 100%;
// margin: 0 px2rem(14);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(40) 0;
height: px2rem(690);
.title {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFF784;
line-height: px2rem(36);
text-align: center;
}
.tip_txt {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #FFF784;
line-height: px2rem(38);
opacity: 0.5;
text-align: center;
}
.close_btn {
position: absolute;
top: -12%;
right: 2%;
img {
width: px2rem(60);
height: px2rem(60);
}
}
.history_list {
height: px2rem(580);
overflow-y: auto; // 超出高度时可滚动
scrollbar-width: none; // 隐藏滚动条（Firefox）
-ms-overflow-style: none; // 隐藏滚动条（IE 10+）
&::-webkit-scrollbar {
// 隐藏滚动条（Chrome, Safari, Opera）
display: none;
}
.history_box {
background: rgba(0, 0, 0, 0.3);
border-radius: px2rem(18);
padding: px2rem(35) px2rem(30);
margin: px2rem(20) px2rem(70);
display: flex;
align-items: center;
justify-content: space-between;
.left {
.Fortunate_Number {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFF784;
line-height: px2rem(38);
}
.time {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFF784;
line-height: px2rem(38);
margin-top: px2rem(20);
}
}
.right {
background-image: url('../images/num_jiqi.png');
background-size: 100% 100%;
width: px2rem(170);
height: px2rem(93);
position: relative;
.left_txt,
.right_txt {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(56);
color: #FFF783;
line-height: px2rem(18);
// 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;
}
.left_txt {
position: absolute;
top: 32%;
left: 20%;
}
.right_txt {
position: absolute;
top: 32%;
right: 20%;
}
}
}
}
}
}
.popup_rule {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
.popup_content {
background-image: url('../images/popup_bg.png');
background-size: 100% 100%;
// margin: 0 px2rem(14);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(720);
padding: px2rem(40) 0;
height: px2rem(690);
.title {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFF784;
line-height: px2rem(36);
text-align: center;
margin-bottom: px2rem(40);
}
.detail_txt{
height: px2rem(580);
overflow-y: auto; // 超出高度时可滚动
scrollbar-width: none; // 隐藏滚动条（Firefox）
-ms-overflow-style: none; // 隐藏滚动条（IE 10+）
&::-webkit-scrollbar {
// 隐藏滚动条（Chrome, Safari, Opera）
display: none;
}
.txt {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #FFF783;
line-height: px2rem(42);
margin: 0 px2rem(60);
}
}
.close_btn {
position: absolute;
top: -12%;
right: 2%;
img {
width: px2rem(60);
height: px2rem(60);
}
}
}
}

13
view/molistar/activity/luckyNumbers/css/swiper-bundle.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
view/molistar/activity/luckyNumbers/images/close_btn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
view/molistar/activity/luckyNumbers/images/participate_btn_huise.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
view/molistar/activity/luckyNumbers/images/popup_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
view/molistar/activity/luckyNumbers/images/select_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

124
view/molistar/activity/luckyNumbers/index.html
View File

@@ -11,6 +11,7 @@
<link rel="stylesheet" href="../../common/css/reset.css" />
<link rel="stylesheet" href="css/index.css?v=1.1" />
<link rel="stylesheet" href="../../common/css/animate.css" />
<link rel="stylesheet" href="./css/swiper-bundle.min.css" />
</head>
<body>
@@ -22,28 +23,31 @@
<div class="countdown_box">
<div class="time_kuang">
<img src="./images/time_kuang.png" alt="" />
<div class="time_text">12</div>
<div class="time_text" id="hours">00</div>
<div class="time_type">Hours</div>
</div>
<div class="time_kuang">
<img src="./images/time_kuang.png" alt="" />
<div class="time_text">12</div>
<div class="time_text" id="minutes">00</div>
<div class="time_type">Mins</div>
</div>
<div class="time_kuang">
<img src="./images/time_kuang.png" alt="" />
<div class="time_text">12</div>
<div class="time_text" id="seconds">00</div>
<div class="time_type">Secs</div>
</div>
</div>
<div class="tip_chang">
<img src="./images/tip_chang.png" alt="" />
<div class="tip_txt">Number of participants today:1,000</div>
<div class="tip_txt">
<span class="Number_participants">Number of participants today</span>
<span class="playerNum">0</span>
</div>
</div>
<div class="conis_bg">
<img src="./images/conis_bg.png" alt="" />
<div class="conis_txt">
Share <span class="num">19999</span>
<span class="Share">Share</span> <span class="num">0</span>
<img src="./images/coins.png" alt="" />
</div>
</div>
@@ -56,7 +60,7 @@
</p>
</div>
<div class="reward_wrap">
<div class="title">Rewards</div>
<div class="title Rewards">Rewards</div>
<div class="txt">
Participate to share Coins and get Fortunate Medals.
</div>
@@ -64,9 +68,16 @@
</div>
<div class="fortunate_number">
<div class="tip_chang">
<div class="tip_txt">Deadline for participation 06:09:00</div>
<div class="tip_txt">
<span class="Deadline_for_participation"
>Deadline for participation</span
>
06:09:00
</div>
</div>
<div class="today_number Today_Fortunate_Number">
Today Fortunate Number
</div>
<div class="today_number">Today Fortunate Number</div>
<div class="num_show">
<div class="left_txt">*</div>
<div class="right_txt">*</div>
@@ -77,13 +88,105 @@
<div class="participate_btn">
<span class="num">1000</span>
<img src="./images/coins.png" alt="" />
<span class="txt">Participate</span>
<span class="txt Participate">Participate</span>
</div>
<div class="my_number">
My Participate Number: 30、54、36、21、30、54、36、21
<span class="My_Participate_Number">My Participate Number</span> :
<span class="numberList"></span>
</div>
<div class="my_history">My history</div>
</div>
<div class="popup_sumbit">
<div class="popup_content">
<div class="title My_Fortunate_Numbers">My Fortunate Numbers</div>
<div class="my_number">
<span class="My_Participate_Number">My Participate Number</span> :
<span class="numberList"></span>
</div>
<div class="number_selector">
<div class="left_number">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">0</div>
<div class="swiper-slide">1</div>
<div class="swiper-slide">2</div>
<div class="swiper-slide">3</div>
<div class="swiper-slide">4</div>
<div class="swiper-slide">5</div>
<div class="swiper-slide">6</div>
<div class="swiper-slide">7</div>
<div class="swiper-slide">8</div>
<div class="swiper-slide">9</div>
</div>
</div>
</div>
<div class="right_number">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">0</div>
<div class="swiper-slide">1</div>
<div class="swiper-slide">2</div>
<div class="swiper-slide">3</div>
<div class="swiper-slide">4</div>
<div class="swiper-slide">5</div>
<div class="swiper-slide">6</div>
<div class="swiper-slide">7</div>
<div class="swiper-slide">8</div>
<div class="swiper-slide">9</div>
</div>
</div>
</div>
</div>
<div class="sumbit_btn">Submit</div>
<div class="tip_txt Each_submission">
Each submission costs 1000 coins
</div>
<div class="close_btn">
<img src="./images/close_btn.png" alt="" />
</div>
</div>
</div>
<div class="popup_history">
<div class="popup_content">
<div class="title History_Numbers">
History Molistar Fortunate Numbers
</div>
<div class="history_list">
<!-- <div class="history_box">
<div class="left">
<div class="Fortunate_Number">Fortunate Number</div>
<div class="time">2025-04-30 21:00</div>
</div>
<div class="right">
<div class="left_txt">9</div>
<div class="right_txt">9</div>
</div>
</div> -->
</div>
<div class="tip_txt Only_data">Only show last 15 days data</div>
<div class="close_btn">
<img src="./images/close_btn.png" alt="" />
</div>
</div>
</div>
<div class="popup_rule">
<div class="popup_content">
<div class="title rules">Rules</div>
<div class="detail_txt">
<div class="rules_detail1 txt"></div>
<div class="rules_detail2 txt"></div>
<div class="rules_detail3 txt"></div>
<div class="rules_detail4 txt"></div>
<div class="rules_detail5 txt"></div>
<div class="rules_detail6 txt"></div>
</div>
<div class="close_btn">
<img src="./images/close_btn.png" alt="" />
</div>
</div>
</div>
</body>
</html>
@@ -101,3 +204,4 @@
<script src="../../common/local/langHandler.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/index.js?v=1.0"></script>
<script src="./js/swiper-bundle.min.js"></script>

295
view/molistar/activity/luckyNumbers/js/index.js
View File

@@ -53,6 +53,9 @@ $(function () {
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getData();
swiperFun();
getListHistoryRound();
}, 100)
@@ -60,90 +63,260 @@ $(function () {
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.page_title').html(langReplace(localLang.demoModule.page_title));
$('.describe_box .txt').html(langReplace(localLang.demoModule.describe_txt));
$('.reward_wrap .txt').html(langReplace(localLang.demoModule.reward_txt));
$('.conis_bg .conis_txt .Share').html(langReplace(localLang.demoModule.Share));
$('.popup_container .popup_content .My_Fortunate_Numbers').html(langReplace(localLang.demoModule.My_Fortunate_Numbers));
$('.sumbit_btn').html(langReplace(localLang.demoModule.Submit));
$('.Deadline_for_participation').html(langReplace(localLang.demoModule.Deadline_for_participation));
$('.Today_Fortunate_Number').html(langReplace(localLang.demoModule.Today_Fortunate_Number));
$('.Participate').html(langReplace(localLang.demoModule.Participate));
$('.My_Participate_Number').html(langReplace(localLang.demoModule.My_Participate_Number));
$('.Each_submission').html(langReplace(localLang.demoModule.Each_submission));
$('.History_Numbers').html(langReplace(localLang.demoModule.History_Numbers));
$('.rules_detail1').html(langReplace(localLang.demoModule.rules_detail1));
$('.rules_detail2').html(langReplace(localLang.demoModule.rules_detail2));
$('.rules_detail3').html(langReplace(localLang.demoModule.rules_detail3));
$('.rules_detail4').html(langReplace(localLang.demoModule.rules_detail4));
$('.rules_detail5').html(langReplace(localLang.demoModule.rules_detail5));
$('.rules_detail6').html(langReplace(localLang.demoModule.rules_detail6));
$('.Only_data').html(langReplace(localLang.demoModule.Only_data));
$('.my_history').html(langReplace(localLang.demoModule.My_history));
$('.Number_participants').html(langReplace(localLang.demoModule.Number_participants));
$('.Rewards').html(langReplace(localLang.demoModule.Rewards));
}
var pageNo = 1;
var pageSize = 20;
var canNext = true;
var AgencyList = [];
var partitionId;
var resPageLength;
var totalSeconds;
function getData() {
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/bdGuild/center",
url: urlPrefix + "/luckyNumber/getRound",
data: {
pageNo,
pageSize,
pub_uid: pubInfo.uid,
// pub_uid: 3838,
endDate: endDate,
startDate: startDate,
},
success: function (res) {
if (res.code == 200) {
$('.Agency_List .content_list .content_box').remove();
$('.monthGuildNum').text(res.data.monthGuildNum);
$('.totalGuildNum').text(res.data.totalGuildNum);
$('.guildNum').text(res.data.guildNum);
$('.diamondNum').text(res.data.diamondNum);
partitionId = res.data.partitionId;
let str = ''
resPageLength = res.data.guildInfoList.length
AgencyList = [...AgencyList, ...res.data.guildInfoList]
AgencyList.forEach((item, index) => {
str += `<div class="content_box">
<div class="img">
<img src="${item.avatar}" alt="">
</div>
<div class="info">
<div class="Agency_Name">${item.guildName}</div>
<div class="txt">
<span class="Agency_ID">${langReplace(localLang.demoModule.Agency_ID)}</span>
<span class="Agency_txt">${item.guildId}</span>
</div>
<div class="txt"><span class="Agent_ID">${langReplace(localLang.demoModule.Agent_ID)}</span>
<span class="Agent_txt">${item.ownerErbanNo}</span>
</div>
<div class="txt">
<span class="Create_Date">${langReplace(localLang.demoModule.Create_Date)}</span>
<span class="Date_txt">${item.createTimeStr}</span>
</div>
<div class="txt">
<span class="Diamonds_Income">${langReplace(localLang.demoModule.Diamonds_Income)}</span>
<span class="Coins_Income" style="display: none;">${langReplace(localLang.demoModule.Coins_Income)}</span>
<span class="Income_txt">${item.diamondNum} <img src="./images/diamond.png" alt=""> </span>
</div>
</div>
</div>`
})
$('.Agency_List .content_list').append(str)
if (partitionId == 1) {
$('.Coins_Income').show();
$('.Diamonds_Income').hide();
$('.Income_txt img').attr('src', './images/coins.png');
$('.Agency_Income').html(langReplace(localLang.demoModule.Agency_Coins_Income));
$('.Income_img').attr('src', './images/coins.png');
$('.fortunate_bottom .participate_btn .num').text(res.data.price)
$('.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));
let str = `
<div class="tip_txt">
<span class="playerNum">1</span>
<span class="Number_participants">${langReplace(localLang.demoModule.people_sharing)}</span>
</div>
`
$('.top_bg .tip_chang .tip_txt').html(str)
}
$('.my_number .numberList').text(res.data.numberList.join(' 、'))
totalSeconds = res.data.countDownSecond;
// // 初始化时分秒显示
// const initialTime = formatTime(totalSeconds);
// updateCountdownDisplay(initialTime);
pauseCountdown();
// 开始倒计时
startCountdown();
} else {
toastMsg(res.message)
}
canNext = true
hideLoading(layerIndex);
},
error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
canNext = true
},
})
}
// 历史轮次
function getListHistoryRound() {
showLoading();
networkRequest({
type: "POST",
url: urlPrefix + "/luckyNumber/listHistoryRound",
success: function (res) {
if (res.code == 200) {
$('.popup_history .popup_content .history_list .history_box').remove();
let arr = res.data
let str = '';
for (let i = 0; i < arr.length; i++) {
str += `
<div class="history_box">
<div class="left">
<div class="Fortunate_Number">${langReplace(localLang.demoModule.Fortunate_Number)}</div>
<div class="time">${arr[i].endTime}</div>
</div>
<div class="right">
<div class="left_txt">${String(arr[i].luckyNumber).substring(0, 1)}</div>
<div class="right_txt">${String(arr[i].luckyNumber).substring(1, 2)}</div>
</div>
</div>
`
}
$('.popup_history .popup_content .history_list').append(str)
} else {
toastMsg(res.message)
}
},
error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
},
})
}
// 将总秒数换算成时分秒
function formatTime(totalSeconds) {
const hours = Math.floor(totalSeconds / 60 / 60 % 24);
const minutes = Math.floor(totalSeconds / 60 % 60);
const seconds = totalSeconds % 60;
// 格式化为两位数
return {
hours: String(hours).padStart(2, '0'),
minutes: String(minutes).padStart(2, '0'),
seconds: String(seconds).padStart(2, '0')
};
}
// 更新页面上的时分秒显示
function updateCountdownDisplay(time) {
$('#hours').text(time.hours);
$('#minutes').text(time.minutes);
$('#seconds').text(time.seconds);
}
var countdownInterval;
// 倒计时函数
function startCountdown() {
countdownInterval = setInterval(() => {
if (totalSeconds <= 0) {
clearInterval(countdownInterval);
// 倒计时结束，可以在这里执行其他操作
console.log('Countdown ended!');
return;
}
// 换算时分秒
const time = formatTime(totalSeconds);
// 更新页面显示
updateCountdownDisplay(time);
// 总秒数减 1
totalSeconds--;
}, 1000);
}
function pauseCountdown() {
clearInterval(countdownInterval);
}
document.addEventListener('visibilitychange', () => {
if (document.hidden) {
pauseCountdown();
} else {
// 重新请求接口获取最新的倒计时数据
pauseCountdown();
getData();
}
});
// 投入-打开弹窗
$('.fortunate_bottom .participate_btn').click(function () {
let status = $(this).attr('status');
if (status == 1 || status == 2) return
$('.popup_sumbit').show();
// 阻止背景滚动
$('body').css('overflow', 'hidden');
});
// 关闭
$('.popup_sumbit .popup_content .close_btn').click(function () {
$('.popup_sumbit').hide();
// 阻止背景滚动
$('body').css('overflow', 'auto');
});
$('.popup_sumbit .popup_content .sumbit_btn').click(function () {
let number = String(leftNumber) + String(rightNumber);
submitLuckyNumber(number)
});
// 提交
function submitLuckyNumber(number) {
showLoading();
networkRequest({
type: "POST",
url: urlPrefix + "/luckyNumber/input",
data: {
number
},
success: function (res) {
if (res.code == 200) {
getData()
toastMsg(langReplace(localLang.demoModule.Submit_sussessful))
} else {
toastMsg(res.message)
}
hideLoading(layerIndex);
},
error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
},
})
}
// 打开历史轮次
$('.fortunate_number .history_btn').click(function () {
$('.popup_history').show();
// 阻止背景滚动
$('body').css('overflow', 'hidden');
});
// 关闭
$('.popup_history .popup_content .close_btn').click(function () {
$('.popup_history').hide();
// 阻止背景滚动
$('body').css('overflow', 'auto');
});
// 打开规则
$('.top_bg .rules').click(function () {
$('.popup_rule').show();
// 阻止背景滚动
$('body').css('overflow', 'hidden');
});
// 关闭
$('.popup_rule .popup_content .close_btn').click(function () {
$('.popup_rule').hide();
// 阻止背景滚动
$('body').css('overflow', 'auto');
});
$('.my_history').click(function () {
window.location.href = `./myHistory.html`
return
})
var leftNumber = 0;
var rightNumber = 0;
function swiperFun() {
var leftSwiper = new Swiper('.left_number .swiper', {
direction: "vertical",
// loop: true,
slidesPerView: 'auto', // 自动计算每页显示的幻灯片数量
spaceBetween: -50, // 幻灯片之间的间距（负值表示重叠）
centeredSlides: true, // 中心化幻灯片
on: {
slideChange: function () {
leftNumber = this.activeIndex;
}
}
})
var rightSwiper = new Swiper('.right_number .swiper', {
direction: "vertical",
// loop: true,
slidesPerView: 'auto', // 自动计算每页显示的幻灯片数量
spaceBetween: -50, // 幻灯片之间的间距（负值表示重叠）
centeredSlides: true, // 中心化幻灯片
on: {
slideChange: function () {
rightNumber = this.activeIndex;
}
}
})
}

5
view/molistar/activity/luckyNumbers/js/myHistory.js
View File

@@ -53,6 +53,11 @@ $(function () {
}, 100)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.page_title').html(langReplace(localLang.demoModule.My_history));
}
$('.Receive_btn').click(function () {
$('#myVideo').show();
$('#myVideo')[0].play()

14
view/molistar/activity/luckyNumbers/js/swiper-bundle.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

26
view/molistar/activity/luckyNumbers/local/ar.js
View File

@@ -2,6 +2,30 @@
langAr = {
// 模块
demoModule: {
describe_txt:'أدخل رقماً بين 01-99، وإذا كان مطابقاً لرقم مولستار، يمكنك مشاركة مجموعة العملات المعدنية!',
reward_txt:'شارك لمشاركة العملات المعدنية واحصل على ميداليات الحظ.',
Share:'شارك',
My_Fortunate_Numbers:'أرقامي المحظوظة',
Submit:'إرسال',
Participate:'يشارك',
Today_Fortunate_Number:'رقم الحظ اليوم',
My_Participate_Number:'رقم مشاركتي',
Deadline_for_participation:'الموعد النهائي للمشاركة',
Submit_sussessful:'تم الإرسال بنجاح',
Each_submission:'كل إرسال يكلف 1000 قطعة نقدية',
History_Numbers:'تاريخ أرقام الحظ الخاصة بي',
Only_data:'عرض بيانات آخر 15 يوماً فقط',
Fortunate_Number:'رقم محظوظ',
rules_detail1:'1 كل يوم في الساعة 23:30، سيقوم مولي بتوليد رقم حظ عشوائيًا (00-99).',
rules_detail2:'2 طريقة المشاركة: يمكنك إرسال عدة أرقام (00-99) للمشاركة في النشاط، عدد المرات غير محدود؛ كل مشاركة تحتاج إلى استهلاك 1000 قطعة نقدية.',
rules_detail3:'3 قواعد التجمع: 5٪ (50 قطعة نقدية) سيتم خصم 5٪ (50 قطعة نقدية) كرسوم مناولة لكل عملية إرسال وسيتم إدخال الـ 950 قطعة نقدية المتبقية في تجمع الحظ في اليوم؛ إذا لم يفز أحد بالجائزة في نفس اليوم، فسيتم تجميع التجمع في اليوم التالي.',
rules_detail4:'4 قواعد الفوز: إذا كان الرقم الذي ترسله هو نفسه رقم الحظ في اليوم، فسيتم توزيع مجموع الجوائز بما يتناسب مع عدد مرات الفوز.',
rules_detail5:'5 الحصول على المكافآت يدوياً: بعد الفوز بالجائزة، عليك أن تجمع العملات المعدنية يدويًا خلال اليوم التالي، وسيتم اعتباره بمثابة ترك تلقائي بعد ذلك.',
rules_detail6:'6 هذا النشاط لا علاقة له بـ Google / Apple.',
My_history:'تاريخي',
Number_participants:'عدد المشاركين في مجموعة الجوائز: ',
people_sharing:'شخص يشاركون في مجموعة الجوائز اليوم',
Reward:'المكافأة',
Fortunate_published:'تم نشر الرقم المحظوظ',
}
}

26
view/molistar/activity/luckyNumbers/local/en.js
View File

@@ -2,6 +2,30 @@
langEn = {
// 模块
demoModule: {
describe_txt:'Enter a number between 01-99 and if it matches a Molistar number, you can share the coin pool!',
reward_txt:'Participate to share Coins and get Fortunate Medals.',
Share:'Share',
My_Fortunate_Numbers:'My Fortunate Numbers',
Submit:'Submit',
Participate:'Participate',
Today_Fortunate_Number:'Today Fortunate Number ',
My_Participate_Number:'My Participate Number',
Deadline_for_participation:'Deadline for participation',
Submit_sussessful:'Submit sussessful',
Each_submission:'Each submission costs 1000 coins',
History_Numbers:'History Molistar Fortunate Numbers',
Only_data:'Only show last 15 days data',
Fortunate_Number:'Fortunate Number',
rules_detail1:'1 Every day at 23:30, Moli will randomly generate a lucky number (00-99).',
rules_detail2:'2 Participation method: You can submit multiple numbers (00-99) to participate in the activity, the number of times is not limited; each submission needs to consume 1000 coins.',
rules_detail3:'3 Pool Rules: 5% (50 coins) will be deducted as handling fee for each submission, and the remaining 950 coins will be entered into the lucky pool of the day; if no one wins the prize on the same day, the pool will be accumulated to the next day.',
rules_detail4:'4 Winning Rules: If the number you submit is the same as the lucky number of the day, the prize pool will be distributed in proportion to the number of times you win.',
rules_detail5:'5 Manually Get Rewards: After winning the prize, you need to collect the coins manually within the next day, and it will be regarded as automatic abandonment after that.',
rules_detail6:'6 This activity has nothing to do with Google/Apple.',
My_history:'My history',
Number_participants:'Number of participants in the prize pool:',
people_sharing:'people sharing the prize pool today',
Reward:'Reward',
Fortunate_published:'Fortunate number has been published',
}
}

26
view/molistar/activity/luckyNumbers/local/tr.js
View File

@@ -2,6 +2,30 @@
langTr = {
// 模块
demoModule: {
describe_txt:'01-99 arasında bir sayı girin ve bir Molistar numarasıyla eşleşirse, jeton havuzunu paylaşabilirsiniz!',
reward_txt:'Madeni Paraları paylaşmak ve Şans Madalyaları kazanmak için katılın.',
Share:'Paylaş',
My_Fortunate_Numbers:'Şanslı Numaralarım',
Submit:'Gönder',
Participate:'Katılmak',
Today_Fortunate_Number:'Bugün Şanslı Sayı',
My_Participate_Number:'Katılımcı Numaram',
Deadline_for_participation:'Katılım için son tarih',
Submit_sussessful:'Gönderme başarılı',
Each_submission:'Her gönderim 1000 jetona mal olur',
History_Numbers:'Tarih Molistar Şanslı Sayılar',
Only_data:'Yalnızca son 15 günlük verileri göster',
Fortunate_Number:'Şanslı sayı',
rules_detail1:`1 Her gün saat 23:30'da Moli rastgele bir şanslı sayı (00-99) üretecektir.`,
rules_detail2:'2 Katılım yöntemi: Etkinliğe katılmak için birden fazla sayı (00-99) gönderebilirsiniz, sayı sınırlı değildir; her gönderimin 1000 jeton tüketmesi gerekir.',
rules_detail3:'3 Havuz Kuralları: Her gönderim için %5 (50 jeton) işlem ücreti olarak kesilecek ve kalan 950 jeton günün şans havuzuna girilecektir; aynı gün kimse ödülü kazanmazsa, havuz bir sonraki güne biriktirilecektir.',
rules_detail4:'4 Kazanma Kuralı: Gönderdiğiniz sayı günün şanslı sayısı ile aynı ise, ödül havuzu kazanma sayınızla orantılı olarak dağıtılacaktır.',
rules_detail5:'5 Ödülleri Manuel Olarak Alın: Ödülü kazandıktan sonra, ertesi gün içinde paraları manuel olarak toplamanız gerekir ve bundan sonra otomatik terk olarak kabul edilir.',
rules_detail6:'6 Bu etkinliğin Google/Apple ile hiçbir ilgisi yoktur.',
My_history:'Benim tarihim',
Number_participants:'Ödül havuzuna katılanların sayısı: ',
people_sharing:'Bugün ödül havuzunu paylaşan',
Reward:'Ödül',
Fortunate_published:'Şanslı sayı yayınlandı',
}
}

25
view/molistar/activity/luckyNumbers/local/zh.js
View File

@@ -2,5 +2,30 @@
langZh = {
// 模塊
demoModule: {
describe_txt:'輸入 01-99 之間的數字，若與 Molistar 的數字相符，即可分享硬幣池中的硬幣！',
reward_txt:'參與分享金幣並獲得幸運獎牌。',
Share:'分享',
My_Fortunate_Numbers:'我的幸運號碼',
Submit:'提交',
Participate:'參與',
Today_Fortunate_Number:'今天幸運數字',
My_Participate_Number:'我參與的數字',
Deadline_for_participation:'參賽截止日期',
Submit_sussessful:'提交成功',
Each_submission:'每次提交需要 1000 金幣',
History_Numbers:'歷史 Molistar 幸運數字',
Only_data:'只顯示最近15天的數據',
Fortunate_Number:'幸運數字',
rules_detail1:'1 每天23:30，Moli將隨機產生一個幸運號碼(00-99)。',
rules_detail2:'2 參與方式： 可提交多個數字（00-99）參加活動，次數不限；每次提交需消耗1000金幣。',
rules_detail3:'3 遊戲池規則： 每次提交扣除5%（50個硬幣）作為手續費，餘下的950個硬幣進入當天幸運池；若當天無人中獎，幸運池累積至次日。',
rules_detail4:'4 中獎規則： 如果您提交的數字與當天的幸運數字相同，則獎池將按照中獎次數的比例進行分配。',
rules_detail5:'5 手動取得獎勵： 中獎後需在次日內手動領取獎金，逾期視為自動放棄。',
rules_detail6:'6 本活動與Google/Apple無關。',
My_history:'我的歷史',
Number_participants:'參與獎金池人數：',
people_sharing:'人參與分享獎池',
Reward:'獎勵',
Fortunate_published:'幸運數字已開',
}
}