diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.css b/view/molistar/activity/adventureTreasureHunt/css/index.css index 7964f96..bbb0fcc 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.css +++ b/view/molistar/activity/adventureTreasureHunt/css/index.css @@ -63,6 +63,7 @@ body { right: 0; top: 7.8666666667rem; padding: 0 0.0933333333rem 0 0.4rem; + z-index: 99; } .header .Record { height: 0.7733333333rem; @@ -241,7 +242,7 @@ body { font-size: 0.3733333333rem; color: #FFFCD0; padding: 0.1866666667rem 0.3466666667rem; - margin: 0 2.2666666667rem; + margin: 0 2rem; text-align: center; } .adventureTask .content .recharge { @@ -256,7 +257,7 @@ body { border-radius: 50%; } .adventureTask .content .recharge .data_box { - margin-left: 0.24rem; + margin: 0 0.24rem; } .adventureTask .content .recharge .data_box .txt { font-family: PingFang SC; @@ -270,6 +271,7 @@ body { .adventureTask .content .recharge .data_box .txt .Weekly_num { color: #FFFFFF; font-weight: 600; + margin: 0 0.0533333333rem; } .adventureTask .content .recharge .data_box .txt img { width: 0.36rem; @@ -357,12 +359,16 @@ body { padding: 0 0.6666666667rem; margin: 0.3466666667rem 0.1333333333rem 0; } +.adventureTask .content .task_list .wrap .wrap_box .left { + flex: 1; +} .adventureTask .content .task_list .wrap .wrap_box .left .title { font-family: PingFang SC; font-weight: 600; font-size: 0.3733333333rem; color: #FFFCD0; margin-top: 0; + text-align: left; } .adventureTask .content .task_list .wrap .wrap_box .left .progress_container { width: 100%; @@ -386,9 +392,17 @@ body { transition: width 0.5s; /* 平滑过渡效果 */ } +.adventureTask .content .task_list .wrap .wrap_box .left .process { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFCD0; + margin-top: 0.1333333333rem; +} .adventureTask .content .task_list .wrap .wrap_box .right { - margin-left: auto; text-align: center; + flex: 0.3; + margin-left: 0.2666666667rem; } .adventureTask .content .task_list .wrap .wrap_box .right .num { font-family: PingFang SC; @@ -422,4 +436,609 @@ body { .adventureRanking .content { background-image: url("../images/content_bg.png"); background-size: 100% 100%; +} +.adventureRanking .content .rank_list { + padding: 0.0133333333rem; +} +.adventureRanking .content .rank_list .rank_box { + background-image: url("../images/qiansan_bg.png"); + background-size: 100% 100%; + padding: 0.6666666667rem 0.5333333333rem; + margin: 0.2666666667rem 0.4rem 0; +} +.adventureRanking .content .rank_list .rank_box .info { + display: flex; + align-items: center; +} +.adventureRanking .content .rank_list .rank_box .info .rank { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #2D2A00; +} +.adventureRanking .content .rank_list .rank_box .info .user { + display: flex; + align-items: center; +} +.adventureRanking .content .rank_list .rank_box .info .user .avatar { + margin-right: 0.32rem; + margin-left: 0.3733333333rem; + position: relative; +} +.adventureRanking .content .rank_list .rank_box .info .user .avatar .touxiang { + width: 1.12rem; + height: 1.12rem; + border-radius: 50%; +} +.adventureRanking .content .rank_list .rank_box .info .user .avatar .touxiang_kuang { + width: 1.6266666667rem; + height: 1.6266666667rem; + position: absolute; + top: -0.24rem; + left: -0.24rem; +} +.adventureRanking .content .rank_list .rank_box .info .user .name .nick { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.4rem; + color: #2D2A00; +} +.adventureRanking .content .rank_list .rank_box .info .user .name .id { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #2D2A00; + margin-top: 0.2rem; +} +.adventureRanking .content .rank_list .rank_box .info .points_btn { + background-image: url("../images/behind.png"); + background-size: 100% 100%; + min-width: 3.6rem; + padding: 0.32rem 0; + font-family: PingFang SC; + font-weight: 500; + font-size: 0.3466666667rem; + color: #140600; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; +} +.adventureRanking .content .rank_list .rank_box .info .points_btn .Points { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.3466666667rem; +} +.adventureRanking .content .rank_list .rank_box .gift_box { + margin-top: 0.2933333333rem; + display: flex; + gap: 0.1866666667rem; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + /* 隐藏滚动条 */ +} +.adventureRanking .content .rank_list .rank_box .gift_box::-webkit-scrollbar { + display: none; +} +.adventureRanking .content .rank_list .rank_box .gift_box .box img { + width: 1.2rem; + height: 1.2rem; +} +.adventureRanking .bottom { + background-image: url("../images/content_bottom.png"); + background-size: 100% 100%; + height: 1.4666666667rem; + width: 100%; +} + +.bottomText { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFCD0; + padding: 0.48rem 0; + text-align: center; +} + +.popup_detail { + display: none; + /* 初始状态下隐藏弹窗 */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 9999; + /* 确保弹窗在最顶层 */ +} +.popup_detail .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.8rem 0 0.5333333333rem; + height: 9.6533333333rem; +} +.popup_detail .popup_content .title { + background-image: url("../images/task_top_bg.png"); + background-size: 100% 100%; + width: 4.6933333333rem; + height: 1.3866666667rem; + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFF784; + line-height: 0.48rem; + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} +.popup_detail .popup_content .detail_list { + margin: 1.0666666667rem 0.8rem 0; + height: 8rem; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + /* 隐藏滚动条 */ +} +.popup_detail .popup_content .detail_list::-webkit-scrollbar { + display: none; +} +.popup_detail .popup_content .detail_list .detail_box { + background: rgba(0, 0, 0, 0.5); + border-radius: 0.2666666667rem; + padding: 0.3866666667rem 0.36rem; + display: flex; + align-items: center; + margin-top: 0.4rem; + position: relative; +} +.popup_detail .popup_content .detail_list .detail_box .Kimlik { + background: linear-gradient(0deg, #F08810, #FFEB3D); + border-radius: 0.2133333333rem; + border: 0.0266666667rem solid #FFFFFF; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.32rem; + color: #140600; + padding: 0.0933333333rem 0.24rem; + position: absolute; + top: -0.2666666667rem; + right: 0.2666666667rem; + display: none; +} +.popup_detail .popup_content .detail_list .detail_box .left .title_desc { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.3733333333rem; + color: #FFFCD0; +} +.popup_detail .popup_content .detail_list .detail_box .left .time { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFCD0; + opacity: 0.6; + margin-top: 0.2133333333rem; +} +.popup_detail .popup_content .detail_list .detail_box .right { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.48rem; + color: #FFFFFF; + margin-left: auto; +} +.popup_detail .popup_content .detail_list .detail_box .right .Points { + font-size: 0.3466666667rem; + color: #FFFCD0; +} +.popup_detail .popup_content .close_btn { + position: absolute; + top: -6%; + right: 2%; +} +.popup_detail .popup_content .close_btn img { + width: 0.8rem; + height: 0.8rem; +} + +.popup_record { + display: none; + /* 初始状态下隐藏弹窗 */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 9999; + /* 确保弹窗在最顶层 */ +} +.popup_record .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.8rem 0 0.5333333333rem; + height: 9.6533333333rem; +} +.popup_record .popup_content .title { + background-image: url("../images/task_top_bg.png"); + background-size: 100% 100%; + width: 4.6933333333rem; + height: 1.3866666667rem; + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFF784; + line-height: 0.48rem; + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} +.popup_record .popup_content .record_tab { + display: flex; + align-items: center; + justify-content: center; + gap: 0.8rem; + margin-top: 1.0666666667rem; +} +.popup_record .popup_content .record_tab div { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #FFFCD0; + opacity: 0.6; +} +.popup_record .popup_content .record_tab .active { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.4rem; + opacity: 1; +} +.popup_record .popup_content .detail_list { + margin: 0.4533333333rem 0.8rem 0; + height: 6.9333333333rem; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + /* 隐藏滚动条 */ +} +.popup_record .popup_content .detail_list::-webkit-scrollbar { + display: none; +} +.popup_record .popup_content .detail_list .detail_box { + background: rgba(0, 0, 0, 0.5); + border-radius: 0.2666666667rem; + padding: 0.3866666667rem 0.36rem; + display: flex; + align-items: center; + margin-top: 0.2666666667rem; +} +.popup_record .popup_content .detail_list .detail_box .right { + margin: 0 0.2133333333rem; +} +.popup_record .popup_content .detail_list .detail_box .right .title_desc { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #FFFCD0; +} +.popup_record .popup_content .detail_list .detail_box .right .time { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.32rem; + color: #FFFCD0; + opacity: 0.6; + margin-top: 0.2133333333rem; +} +.popup_record .popup_content .detail_list .detail_box .left img { + width: 1.0933333333rem; + height: 1.0933333333rem; + border-radius: 50%; +} +.popup_record .popup_content .close_btn { + position: absolute; + top: -6%; + right: 2%; +} +.popup_record .popup_content .close_btn img { + width: 0.8rem; + height: 0.8rem; +} + +.popup_rlues { + display: none; + /* 初始状态下隐藏弹窗 */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 9999; + /* 确保弹窗在最顶层 */ +} +.popup_rlues .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.8rem 0 0.5333333333rem; + height: 9.6533333333rem; +} +.popup_rlues .popup_content .title { + background-image: url("../images/task_top_bg.png"); + background-size: 100% 100%; + width: 4.6933333333rem; + height: 1.3866666667rem; + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFF784; + line-height: 0.48rem; + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} +.popup_rlues .popup_content .rules_txt { + margin: 1.3333333333rem 1.0666666667rem 0; +} +.popup_rlues .popup_content .rules_txt p { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #FFFCD0; + line-height: 0.56rem; +} +.popup_rlues .popup_content .close_btn { + position: absolute; + top: -6%; + right: 2%; +} +.popup_rlues .popup_content .close_btn img { + width: 0.8rem; + height: 0.8rem; +} + +.popup_treasure { + display: none; + /* 初始状态下隐藏弹窗 */ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + z-index: 9999; + /* 确保弹窗在最顶层 */ +} +.popup_treasure .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.8rem 0 0.5333333333rem; + height: 9.6533333333rem; +} +.popup_treasure .popup_content .title { + background-image: url("../images/task_top_bg.png"); + background-size: 100% 100%; + width: 4.6933333333rem; + height: 1.3866666667rem; + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #FFF784; + line-height: 0.48rem; + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); +} +.popup_treasure .popup_content .tip_txt { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.4rem; + color: #FFFCD0; + line-height: 0.48rem; + margin: 1.3333333333rem 0.5333333333rem 0; + text-align: center; +} +.popup_treasure .popup_content .gift_list { + margin: 0.56rem 1.6rem 0; + display: flex; + align-items: center; + justify-content: center; + gap: 0.32rem; + flex-wrap: wrap; + height: 6.1333333333rem; + overflow: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + /* 隐藏滚动条 */ +} +.popup_treasure .popup_content .gift_list::-webkit-scrollbar { + display: none; +} +.popup_treasure .popup_content .gift_list .gift_box { + margin-top: 0.4rem; +} +.popup_treasure .popup_content .gift_list .gift_box .img_box { + background-image: url("../images/img_bg.png"); + background-size: 100% 100%; + width: 2.6933333333rem; + height: 2.6933333333rem; + display: flex; + align-items: center; + justify-content: center; +} +.popup_treasure .popup_content .gift_list .gift_box .img_box img { + width: 2.2rem; + height: 2.2rem; +} +.popup_treasure .popup_content .gift_list .gift_box .gift_name { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #FFFCD0; + text-align: center; + margin-top: 0.2666666667rem; +} +.popup_treasure .popup_content .close_btn { + position: absolute; + top: -6%; + right: 2%; +} +.popup_treasure .popup_content .close_btn img { + width: 0.8rem; + height: 0.8rem; +} + +.my_Points { + background-image: url("../images/my_ph_bg.png"); + background-size: 100% 100%; + padding: 0.6666666667rem 0.9333333333rem; + position: fixed; + bottom: 0; + width: 100%; + box-sizing: border-box; + display: none; +} +.my_Points .info { + display: flex; + align-items: center; +} +.my_Points .info .rank { + font-family: PingFang SC; + font-weight: 600; + font-size: 0.4266666667rem; + color: #2D2A00; +} +.my_Points .info .user { + display: flex; + align-items: center; +} +.my_Points .info .user .avatar { + margin-right: 0.32rem; + margin-left: 0.3733333333rem; + position: relative; +} +.my_Points .info .user .avatar .touxiang { + width: 1.12rem; + height: 1.12rem; + border-radius: 50%; +} +.my_Points .info .user .name .nick { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.4rem; + color: #2D2A00; +} +.my_Points .info .user .name .id { + font-family: PingFang SC; + font-weight: 400; + font-size: 0.3733333333rem; + color: #2D2A00; + margin-top: 0.2rem; +} +.my_Points .info .points_btn { + background-image: url("../images/behind.png"); + background-size: 100% 100%; + min-width: 3.6rem; + padding: 0.32rem 0; + font-family: PingFang SC; + font-weight: 500; + font-size: 0.3466666667rem; + color: #140600; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; +} +.my_Points .info .points_btn .Points { + font-family: PingFang SC; + font-weight: 500; + font-size: 0.3466666667rem; +} +.my_Points .gift_box { + margin-top: 0.2933333333rem; + display: flex; + gap: 0.1866666667rem; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + /* 隐藏滚动条 */ +} +.my_Points .gift_box::-webkit-scrollbar { + display: none; +} +.my_Points .gift_box .box img { + width: 1.2rem; + height: 1.2rem; +} + +.bottom_height { + width: 100%; + height: 4rem; + display: none; +} + +.arabic .adventureTask .content .task_list .wrap .wrap_box .right { + margin-left: 0; + margin-right: 0.2666666667rem; +} +.arabic .adventureTask .content .task_list .wrap .wrap_box .left .title { + text-align: right; +} +.arabic .adventureRanking .content .rank_list .rank_box .info .points_btn { + margin-right: auto; + margin-left: 0; +} +.arabic .my_Points .info .points_btn { + margin-right: auto; + margin-left: 0; +} +.arabic .adventureTask .content .tip_box .txt img { + transform: rotate(180deg); +} +.arabic .header { + background: url(../images/header-ar.png) no-repeat; + background-size: 100% 100%; } \ No newline at end of file diff --git a/view/molistar/activity/adventureTreasureHunt/css/index.scss b/view/molistar/activity/adventureTreasureHunt/css/index.scss index 753be11..85547de 100644 --- a/view/molistar/activity/adventureTreasureHunt/css/index.scss +++ b/view/molistar/activity/adventureTreasureHunt/css/index.scss @@ -70,6 +70,7 @@ body { right: 0; top: px2rem(590); padding: 0 px2rem(7) 0 px2rem(30); + z-index: 99; } .Record { @@ -283,7 +284,7 @@ body { font-size: px2rem(28); color: #FFFCD0; padding: px2rem(14) px2rem(26); - margin: 0 px2rem(170); + margin: 0 px2rem(150); text-align: center; } @@ -300,7 +301,7 @@ body { } .data_box { - margin-left: px2rem(18); + margin:0 px2rem(18); .txt { font-family: PingFang SC; @@ -314,6 +315,7 @@ body { .Weekly_num { color: #FFFFFF; font-weight: 600; + margin: 0 px2rem(4); } img { @@ -418,12 +420,15 @@ body { margin: px2rem(26) px2rem(10) 0; .left { + flex: 1; + .title { font-family: PingFang SC; font-weight: 600; font-size: px2rem(28); color: #FFFCD0; margin-top: 0; + text-align: left; } .progress_container { @@ -436,6 +441,7 @@ body { overflow: hidden; border: px2rem(2) solid #FFEF4C; margin-top: px2rem(16); + /* 隐藏溢出部分 */ /* 进度条本身 */ .progress_bar { @@ -449,13 +455,22 @@ body { } } + .process { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFCD0; + margin-top: px2rem(10); + } } .right { - margin-left: auto; + // margin-left: auto; text-align: center; + flex: 0.3; + margin-left: px2rem(20); .num { font-family: PingFang SC; @@ -498,5 +513,706 @@ body { .content { background-image: url('../images/content_bg.png'); background-size: 100% 100%; + + // padding: px2rem(30) 0; + .rank_list { + padding: px2rem(1); + + .rank_box { + background-image: url('../images/qiansan_bg.png'); + background-size: 100% 100%; + padding: px2rem(50) px2rem(40); + margin: px2rem(20) px2rem(30) 0; + + .info { + display: flex; + align-items: center; + + .rank { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #2D2A00; + } + + .user { + display: flex; + align-items: center; + + .avatar { + margin-right: px2rem(24); + margin-left: px2rem(28); + position: relative; + + .touxiang { + width: px2rem(84); + height: px2rem(84); + border-radius: 50%; + } + + .touxiang_kuang { + width: px2rem(122); + height: px2rem(122); + position: absolute; + top: px2rem(-18); + left: px2rem(-18); + } + } + + .name { + .nick { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(30); + color: #2D2A00; + } + + .id { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #2D2A00; + margin-top: px2rem(15); + } + } + } + + .points_btn { + background-image: url('../images/behind.png'); + background-size: 100% 100%; + min-width: px2rem(270); + padding: px2rem(24) 0; + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(26); + color: #140600; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + + .Points { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(26); + } + } + } + + .gift_box { + margin-top: px2rem(22); + display: flex; + gap: px2rem(14); + overflow-x: auto; // 允许横向滚动 + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + + /* 隐藏滚动条 */ + &::-webkit-scrollbar { + display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条 + } + + .box { + img { + width: px2rem(90); + height: px2rem(90); + } + } + } + } + } + } + + .bottom { + background-image: url('../images/content_bottom.png'); + background-size: 100% 100%; + height: px2rem(110); + width: 100%; + } +} + +.bottomText { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFCD0; + padding: px2rem(36) 0; + text-align: center; +} + +.popup_detail { + 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(60) 0 px2rem(40); + height: px2rem(724); + + .title { + background-image: url('../images/task_top_bg.png'); + background-size: 100% 100%; + width: px2rem(352); + height: px2rem(104); + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFF784; + line-height: px2rem(36); + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + } + + .detail_list { + margin: px2rem(80) px2rem(60) 0; + // padding-top: px2rem(80); + height: px2rem(600); + overflow: hidden; + overflow-y: auto; // 允许横向滚动 + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + + /* 隐藏滚动条 */ + &::-webkit-scrollbar { + display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条 + } + + .detail_box { + background: rgba(0, 0, 0, 0.5); + border-radius: px2rem(20); + padding: px2rem(29) px2rem(27); + display: flex; + align-items: center; + margin-top: px2rem(30); + position: relative; + + .Kimlik { + background: linear-gradient(0deg, #F08810, #FFEB3D); + border-radius: px2rem(16); + border: px2rem(2) solid #FFFFFF; + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(24); + color: #140600; + padding: px2rem(7) px2rem(18); + position: absolute; + top: px2rem(-20); + right: px2rem(20); + display: none; + } + + .left { + .title_desc { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(28); + color: #FFFCD0; + } + + .time { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFCD0; + opacity: 0.6; + margin-top: px2rem(16); + } + } + + .right { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(36); + color: #FFFFFF; + margin-left: auto; + + .Points { + font-size: px2rem(26); + color: #FFFCD0; + } + } + } + } + + .close_btn { + position: absolute; + top: -6%; + right: 2%; + + img { + width: px2rem(60); + height: px2rem(60); + } + } + } +} + +.popup_record { + 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(60) 0 px2rem(40); + height: px2rem(724); + + .title { + background-image: url('../images/task_top_bg.png'); + background-size: 100% 100%; + width: px2rem(352); + height: px2rem(104); + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFF784; + line-height: px2rem(36); + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + } + + .record_tab { + display: flex; + align-items: center; + justify-content: center; + gap: px2rem(60); + margin-top: px2rem(80); + + div { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFFCD0; + opacity: 0.6; + } + + .active { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(30); + opacity: 1; + } + } + + .detail_list { + margin: px2rem(34) px2rem(60) 0; + // padding-top: px2rem(80); + height: px2rem(520); + overflow: hidden; + overflow-y: auto; // 允许横向滚动 + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + + /* 隐藏滚动条 */ + &::-webkit-scrollbar { + display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条 + } + + .detail_box { + background: rgba(0, 0, 0, 0.5); + border-radius: px2rem(20); + padding: px2rem(29) px2rem(27); + display: flex; + align-items: center; + margin-top: px2rem(20); + + .right { + margin: 0 px2rem(16); + + .title_desc { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFFCD0; + } + + .time { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(24); + color: #FFFCD0; + opacity: 0.6; + margin-top: px2rem(16); + } + } + + .left { + img { + width: px2rem(82); + height: px2rem(82); + border-radius: 50%; + } + } + } + } + + .close_btn { + position: absolute; + top: -6%; + right: 2%; + + img { + width: px2rem(60); + height: px2rem(60); + } + } + } +} + +.popup_rlues { + 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(60) 0 px2rem(40); + height: px2rem(724); + + .title { + background-image: url('../images/task_top_bg.png'); + background-size: 100% 100%; + width: px2rem(352); + height: px2rem(104); + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFF784; + line-height: px2rem(36); + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + } + + .rules_txt { + margin: px2rem(100) px2rem(80) 0; + + p { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFFCD0; + line-height: px2rem(42); + } + } + + + .close_btn { + position: absolute; + top: -6%; + right: 2%; + + img { + width: px2rem(60); + height: px2rem(60); + } + } + } +} + +.popup_treasure { + 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(60) 0 px2rem(40); + height: px2rem(724); + + .title { + background-image: url('../images/task_top_bg.png'); + background-size: 100% 100%; + width: px2rem(352); + height: px2rem(104); + display: flex; + align-items: center; + justify-content: center; + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #FFF784; + line-height: px2rem(36); + text-align: center; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + } + + .tip_txt { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(30); + color: #FFFCD0; + line-height: px2rem(36); + margin: px2rem(100) px2rem(40) 0; + text-align: center; + } + + .gift_list { + margin: px2rem(42) px2rem(120) 0; + display: flex; + align-items: center; + justify-content: center; + gap: px2rem(24); + flex-wrap: wrap; + height: px2rem(460); + overflow: hidden; + overflow-y: auto; // 允许横向滚动 + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + + /* 隐藏滚动条 */ + &::-webkit-scrollbar { + display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条 + } + + .gift_box { + margin-top: px2rem(30); + + .img_box { + background-image: url('../images/img_bg.png'); + background-size: 100% 100%; + width: px2rem(202); + height: px2rem(202); + display: flex; + align-items: center; + justify-content: center; + + img { + width: px2rem(165); + height: px2rem(165); + } + } + + .gift_name { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #FFFCD0; + text-align: center; + margin-top: px2rem(20); + } + } + } + + .close_btn { + position: absolute; + top: -6%; + right: 2%; + + img { + width: px2rem(60); + height: px2rem(60); + } + } + } +} + +.my_Points { + background-image: url('../images/my_ph_bg.png'); + background-size: 100% 100%; + padding: px2rem(50) px2rem(70); + // margin: px2rem(20) px2rem(30) 0; + position: fixed; + bottom: 0; + width: 100%; + box-sizing: border-box; + display: none; + + .info { + display: flex; + align-items: center; + + .rank { + font-family: PingFang SC; + font-weight: 600; + font-size: px2rem(32); + color: #2D2A00; + } + + .user { + display: flex; + align-items: center; + + .avatar { + margin-right: px2rem(24); + margin-left: px2rem(28); + position: relative; + + .touxiang { + width: px2rem(84); + height: px2rem(84); + border-radius: 50%; + } + + } + + .name { + .nick { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(30); + color: #2D2A00; + } + + .id { + font-family: PingFang SC; + font-weight: 400; + font-size: px2rem(28); + color: #2D2A00; + margin-top: px2rem(15); + } + } + } + + .points_btn { + background-image: url('../images/behind.png'); + background-size: 100% 100%; + min-width: px2rem(270); + padding: px2rem(24) 0; + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(26); + color: #140600; + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + + .Points { + font-family: PingFang SC; + font-weight: 500; + font-size: px2rem(26); + } + } + } + + .gift_box { + margin-top: px2rem(22); + display: flex; + gap: px2rem(14); + overflow-x: auto; // 允许横向滚动 + -webkit-overflow-scrolling: touch; + scrollbar-width: none; + + /* 隐藏滚动条 */ + &::-webkit-scrollbar { + display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条 + } + + .box { + img { + width: px2rem(90); + height: px2rem(90); + } + } + } + +} + +.bottom_height { + width: 100%; + height: px2rem(300); + display: none; +} + +.arabic{ + .adventureTask .content .task_list .wrap .wrap_box .right{ + margin-left: 0; + margin-right: px2rem(20); + } + .adventureTask .content .task_list .wrap .wrap_box .left .title{ + text-align: right; + } + .adventureRanking .content .rank_list .rank_box .info .points_btn{ + margin-right: auto; + margin-left: 0; + } + .my_Points .info .points_btn{ + margin-right: auto; + margin-left: 0; + } + .adventureTask .content .tip_box .txt img{ + transform: rotate(180deg); + } + .header{ + background: url(../images/header-ar.png) no-repeat; + background-size: 100% 100%; } } \ No newline at end of file diff --git a/view/molistar/activity/adventureTreasureHunt/images/behind.png b/view/molistar/activity/adventureTreasureHunt/images/behind.png new file mode 100644 index 0000000..c966fff Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/behind.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/close_btn.png b/view/molistar/activity/adventureTreasureHunt/images/close_btn.png new file mode 100644 index 0000000..298c90a Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/close_btn.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/header-ar.png b/view/molistar/activity/adventureTreasureHunt/images/header-ar.png new file mode 100644 index 0000000..56b8fff Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/header-ar.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/housi_bg.png b/view/molistar/activity/adventureTreasureHunt/images/housi_bg.png new file mode 100644 index 0000000..4250273 Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/housi_bg.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/img_bg.png b/view/molistar/activity/adventureTreasureHunt/images/img_bg.png new file mode 100644 index 0000000..024e909 Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/img_bg.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/my_ph_bg.png b/view/molistar/activity/adventureTreasureHunt/images/my_ph_bg.png new file mode 100644 index 0000000..5202b2f Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/my_ph_bg.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/popup_bg.png b/view/molistar/activity/adventureTreasureHunt/images/popup_bg.png new file mode 100644 index 0000000..64a38c5 Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/popup_bg.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/qiansan_bg.png b/view/molistar/activity/adventureTreasureHunt/images/qiansan_bg.png new file mode 100644 index 0000000..9ccc046 Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/qiansan_bg.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/images/touxiang_kuang.png b/view/molistar/activity/adventureTreasureHunt/images/touxiang_kuang.png new file mode 100644 index 0000000..cab8499 Binary files /dev/null and b/view/molistar/activity/adventureTreasureHunt/images/touxiang_kuang.png differ diff --git a/view/molistar/activity/adventureTreasureHunt/index.html b/view/molistar/activity/adventureTreasureHunt/index.html index 373978c..bcd21f6 100644 --- a/view/molistar/activity/adventureTreasureHunt/index.html +++ b/view/molistar/activity/adventureTreasureHunt/index.html @@ -26,21 +26,21 @@
-
+

1 Bet

Need 100 points

-
+

1 Bet

Need 100 points

-
+
Earn points by participating, treasures are waiting for you to explore!
-
+
Join this adventure full of unknowns, and accumulate adventure points for each task you complete!
@@ -73,7 +73,7 @@
- 888 + 888
@@ -88,21 +88,7 @@ +30%
-
-
-
-
First recharge per week
-
-
-
-
-
-
-
+100
-
Points
-
-
-
+
@@ -110,8 +96,199 @@
-
+
+
+
+
+
1
+
+
+ + +
+
+
Username
+
ID：123
+
+
+
+ :11.11k +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
1
+
+
+ +
+
+
Username
+
ID：123
+
+
+
+ :11.11k +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
Points details
+ +
+ +
+ +
+
+
+ + +
+
+
My Record
+
+
+
+
+
+
+
+ +
+
+
First recharge per week
+
2025-01-01 00:00:00
+
+
+ +
+ +
+ +
+
+
+ + +
+
+
Rules
+
+
+ +
+
+
+ +
+
+
You Treasure
+
+ Your treasure has been placed in your corresponding bag! + +
+
+
+
+ +
+
头饰*12Days
+
+
+
+ +
+
头饰*12Days
+
+
+
+ +
+
头饰*12Days
+
+
+
+ +
+
头饰*12Days
+
+
+
+ +
+
+
+ diff --git a/view/molistar/activity/adventureTreasureHunt/js/index.js b/view/molistar/activity/adventureTreasureHunt/js/index.js index 69617b6..e46232b 100644 --- a/view/molistar/activity/adventureTreasureHunt/js/index.js +++ b/view/molistar/activity/adventureTreasureHunt/js/index.js @@ -43,12 +43,12 @@ const initDanmu = () => { setDanmuData(); } const setDanmuData = () => { - damuPool = [ - { avatar: './images/logo.png', bless: '我把思念写着天空', }, - { avatar: './images/logo.png', bless: '我想永远陪着你', }, - { avatar: './images/logo.png', bless: '我爱你我爱你甜蜜蜜', }, - { avatar: './images/logo.png', bless: 'asdawdasdasdas', }, - ] + // damuPool = [ + // { avatar: './images/logo.png', bless: '我把思念写着天空', }, + // { avatar: './images/logo.png', bless: '我想永远陪着你', }, + // { avatar: './images/logo.png', bless: '我爱你我爱你甜蜜蜜', }, + // { avatar: './images/logo.png', bless: 'asdawdasdasdas', }, + // ] if (!timer2) { timer2 = setInterval(() => { if (!danmu.length) { @@ -78,6 +78,7 @@ const renderDM = (item) => { }, }) } +var countupTime;//倒计时容器 var page = 0; var maxPage = 0; var arr = []; @@ -109,10 +110,10 @@ $(function () { langReplace = window.lang.replace; localLang = window.lang; translateFun(); - initDanmu(); - updateProgress(1,2) + // initDanmu(); // blessGetConfig(); // questionConfig(); + getData(); }, 100) }) function translateFun() { @@ -127,7 +128,7 @@ function translateFun() { $('.Need100').html(langReplace(localLang.demoModule.Need100)); $('.Adventure_Task').html(langReplace(localLang.demoModule.Adventure_Task)); $('.Adventure_Ranking').html(langReplace(localLang.demoModule.Adventure_Ranking)); - $('.Reset_time').html(langReplace(localLang.demoModule.Reset_time)); + $('.Today_recharge').html(langReplace(localLang.demoModule.Today_recharge)); $('.Weekly_recharge').html(langReplace(localLang.demoModule.Weekly_recharge)); $('.Points_week').html(langReplace(localLang.demoModule.Points_week)); @@ -135,45 +136,89 @@ function translateFun() { $('.Points').html(langReplace(localLang.demoModule.Points)); $('.Recharge_recharge').html(langReplace(localLang.demoModule.Recharge_recharge)); $('.Link_Points').html(langReplace(localLang.demoModule.Link_Points)); - + if (browser.ios) { + $('.bottomText').text(langReplace(localLang.demoModule.bottom_textios)) + } else { + $('.bottomText').text(langReplace(localLang.demoModule.bottom_text)) + } + $('.Points_details').text(langReplace(localLang.demoModule.Points_details)) + $('.This_week').text(langReplace(localLang.demoModule.This_week)) + $('.Last_week').text(langReplace(localLang.demoModule.Last_week)) + $('.rules_txt').html(langReplace(localLang.demoModule.rules_txt)) + $('.Treasure').html(langReplace(localLang.demoModule.Treasure)) + $('.Treasure_txt').html(langReplace(localLang.demoModule.Treasure_txt)) + $('.Treasure_txt2').html(langReplace(localLang.demoModule.Treasure_txt2)) + $('.Adventurers_gather').html(langReplace(localLang.demoModule.Adventurers_gather)) + $('.Earn_explore').html(langReplace(localLang.demoModule.Earn_explore)) + $('.Join_complete').html(langReplace(localLang.demoModule.Join_complete)) + } // 页面1tab切换 $('.tab_list div').click(function () { var i = $(this).index() + 1; $(this).addClass('acitve').siblings().removeClass('acitve'); - $(`.adventureTask,.adventureRanking`).hide(); - if (i == 1) { + $(`.adventureTask,.adventureRanking,.bottom_height,.my_Points`).hide(); + if (i == 1) { $(`.adventureTask`).show(); } else { - $(`.adventureRanking`).show(); + $(`.adventureRanking,.bottom_height,.my_Points`).show(); + getlistRank() + } +}) + +// 中奖记录tab切换 +$('.record_tab div').click(function () { + var i = $(this).index() + 1; + $(this).addClass('active').siblings().removeClass('active'); + // if(i == 1){} + if (i == 1) { + renderinglistDrawRecord(false) + } else { + renderinglistDrawRecord(true) } }) // 更新进度条函数 -function updateProgress(value,maxValue) { +function updateProgress($progressBar, value, maxValue) { // 计算进度百分比 const percentage = (value / maxValue) * 100; - - // 更新进度条宽度 - // $('.progress-bar').style.width = `${percentage}%`; - $('.progress_bar').css('width', `${percentage}%`); - - // = `${percentage}%`; - - // 更新文本内容 - // progressText.textContent = `${value}/${maxValue}`; - } -// 弹幕接口 -function blessGetConfig() { + // 更新进度条宽度 + $progressBar.css('width', `${percentage}%`); +} +// 积分排行榜 +function getlistRank() { showLoading() networkRequest({ type: 'get', - url: urlPrefix + '/act/2025Ramadan/bless/getConfig', + url: urlPrefix + '/chargeTreasure/listRank', success(res) { if (res.code === 200) { - damuPool = res.data.blessQueue; - initDanmu(); + $('.adventureRanking .content .rank_list .rank_box').remove() + let str = '' + res.data.forEach((item, index) => { + str += ` +
+
+
${item.ranking}
+
+
+ + +
+
+
${item.nick}
+
ID：${item.erbanNo}
+
+
+
+ ${langReplace(localLang.demoModule.Behind)}:${unitProcessingAr(item.beHideScore, 2)} +
+
+
+ ` + }) + $('.adventureRanking .content .rank_list').append(str) } else { toastMsg(res.message) } @@ -185,3 +230,262 @@ function blessGetConfig() { } }) } +function getData() { + + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/chargeTreasure/homePage', + success(res) { + if (res.code === 200) { + if (res.data.countDownSecond > 0) { + countup(res.data.countDownSecond); + } + $('.Today_num').text(res.data.todayChargeGoldNum) + $('.Weekly_num').text(res.data.weekChargeGoldNum) + $('.adventureTask .content .recharge .avatar').attr('src', res.data.user.avatar) + $('.weekScore').text(res.data.weekScore) + + renderingTask(res.data.taskList) + + damuPool = res.data.popUpList; + initDanmu(); + + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 渲染任务列表 +function renderingTask(data) { + let taskStr = '' + data.forEach((item, index) => { + taskStr += ` +
+
+
${item.desc}
+
+
+
+
${item.process + '/' + item.need}
+
+
+
+${item.score}
+
Points
+
+
+ ` + // updateProgress(item.process,item.need) + }) + $('.task_list .wrap').append(taskStr) + // 再次遍历，单独更新每个进度条 + data.forEach((item, index) => { + const $progressBar = $(`.task_list .wrap .progress_bar[data-index='${index}']`); + if ($progressBar.length > 0) { + updateProgress($progressBar, item.process, item.need); + } + }); +} +// 我的点数明细 +function renderinglistScoreRecord() { + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/chargeTreasure/listScoreRecord', + success(res) { + if (res.code === 200) { + $('.popup_detail .popup_content .detail_list .detail_box').remove(); + let str = '' + res.data.forEach((item, index) => { + str += ` +
+
${langReplace(localLang.demoModule.Points)}+30%
+
+
+
${item.createTime}
+
+
${langReplace(localLang.demoModule.Points)}+${item.score}
+
+ ` + }) + $('.popup_detail .popup_content .detail_list').append(str) + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 抽奖 +function treasureHunt(batch) { + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/chargeTreasure/draw', + data: { + batch + }, + success(res) { + if (res.code === 200) { + let str = '' + res.data.forEach((item,index)=>{ + + }) + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 我的中奖记录 +function renderinglistDrawRecord(lastWeek) { + showLoading() + networkRequest({ + type: 'get', + url: urlPrefix + '/chargeTreasure/listDrawRecord', + data: { + lastWeek + }, + success(res) { + if (res.code === 200) { + $('.popup_record .popup_content .detail_list .detail_box').remove() + let str = '' + res.data.forEach((item, index) => { + str += ` +
+
+ +
+
+
First recharge per week
+
2025-01-01 00:00:00
+
+
+ ` + }) + // $('.popup_record .popup_content .detail_list').append(str) + } else { + toastMsg(res.message) + } + hideLoading(layerIndex) + }, + error(err) { + hideLoading(layerIndex) + toastMsg(langReplace(localLang.demoModule.layerIndex3)) + } + }) +} +// 点击抽奖 +$('.Lottery_button div').click(function () { + let batch = $(this).attr('batch') + treasureHunt(batch) +}) + +// 打开规则 +$('.header .rule').click(function () { + $('.popup_rlues').show() +}) +// 关闭规则 +$('.popup_rlues .close_btn').click(function () { + $('.popup_rlues').hide() +}) +// 打开中奖记录 +$('.header .Record').click(function () { + renderinglistDrawRecord(false) + $('.popup_record').show() +}) +// 关闭中奖记录 +$('.popup_record .close_btn').click(function () { + $('.popup_record').hide() +}) +// 打开点数详情 +$('.adventureTask .content .tip_box .txt').click(function () { + renderinglistScoreRecord(); + $('.popup_detail').show() +}) +// 关闭点数详情 +$('.popup_detail .close_btn').click(function () { + $('.popup_detail').hide() +}) +// 关闭中奖弹窗 +$('.popup_treasure .close_btn').click(function () { + $('.popup_treasure').hide() +}) +// 倒計時 +function countup(leftTime) { + clearTimeout(countupTime) + //獲取當前時間 + // var now = nowTime; + var d = 0; + var h = 0; + var m = 0; + var s = 0; + //定義變數 d,h,m,s保存倒計時的時間 + var d, h, m, s; + //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 + if (leftTime > 0) { + d = Math.floor(leftTime / 60 / 60 / 24); + h = getzf(Math.floor(leftTime / 60 / 60 % 24)); + m = getzf(Math.floor(leftTime / 60 % 60)); + s = getzf(Math.floor(leftTime % 60)); + // console.log(d, h, m, s); + $('.Reset_time').html(langReplace(localLang.demoModule.Reset_time(d, h + ':' + m + ':' + s))); + //將倒計時賦值到div中 + // $('.timeBox .days span').text(d); + // $('.timeBox .hours span').text(h); + // $('.timeBox .mins span').text(m); + // $('.timeBox .secs span').text(s); + } else { + getData(); + } + if (leftTime > 0) { + leftTime = leftTime - 1; + } + countupTime = setTimeout(function () { + countup(leftTime); + }, 1000); +} +//补0操作 +function getzf(num) { + if (parseInt(num) < 10) { + num = '0' + num; + } + return num; +} + +// 弹幕接口 +// function blessGetConfig() { +// showLoading() +// networkRequest({ +// type: 'get', +// url: urlPrefix + '/act/2025Ramadan/bless/getConfig', +// success(res) { +// if (res.code === 200) { +// damuPool = res.data.blessQueue; +// initDanmu(); +// } else { +// toastMsg(res.message) +// } +// hideLoading(layerIndex) +// }, +// error(err) { +// hideLoading(layerIndex) +// toastMsg(langReplace(localLang.demoModule.layerIndex3)) +// } +// }) +// } diff --git a/view/molistar/activity/adventureTreasureHunt/local/ar.js b/view/molistar/activity/adventureTreasureHunt/local/ar.js index 0e33e37..b418c0f 100644 --- a/view/molistar/activity/adventureTreasureHunt/local/ar.js +++ b/view/molistar/activity/adventureTreasureHunt/local/ar.js @@ -17,7 +17,7 @@ langAr = { Adventure_Task:'مهمة المغامرة', Adventure_Ranking:'تصنيف المغامرة', Reset_time:function(Days,times){ - return ':مدة الاسترداد'+Days+'أيام'+times + return ':مدة الاسترداد'+Days+' أيام'+times }, Today_recharge:'شحن اليوم:', Weekly_recharge:'شحن أسبوعي:', @@ -26,6 +26,24 @@ langAr = { Recharge_recharge:'نقاط إعادة شحن وكيل إعادة الشحن', Points:'النقاط', Link_Points:'نقاط إعادة شحن الرابط', + bottom_textios: `هذه الفعالية لا علاقة لها بـ Apple.`, + bottom_text: `هذه الفعالية لا علاقة لها بـ Google.`, + Points_details:'تفاصيل النقاط', + This_week:'هذا الأسبوع', + Last_week:'الأسبوع الماضي', + rules_txt:` +

1. أكمل المهام الأسبوعية للحصول على النقاط المقابلة.

+

2. اشحن رصيدك عبر وكلاء الشحن وروابط H5 للحصول على نقاط إضافية.

+

3. يمكنك استخدام النقاط المكتسبة للمشاركة في اليانصيب.

+

4. سيتم إعادة تعيين النقاط والمهام الأسبوعية، لذا يُرجى الانتباه لاستخدامها وإكمالها في الوقت المحدد.

+

5. لا علاقة لهذا النشاط بجوجل وآبل.

+ `, + Treasure:'كنزك', + Treasure_txt:'تم وضع كنزك في حقيبتك', + Treasure_txt2:'جرّبها الآن ', + Behind:'خلف', + Earn_explore:'اربح نقاطًا بالمشاركة، كنوزٌ تنتظرك لتستكشفها', + Join_complete:'.انضم إلى هذه المغامرة المليئة بالمجهول وجمع نقاط المغامرة لكل مهمة تكملها', } diff --git a/view/molistar/activity/adventureTreasureHunt/local/en.js b/view/molistar/activity/adventureTreasureHunt/local/en.js index 4eb66fa..c669804 100644 --- a/view/molistar/activity/adventureTreasureHunt/local/en.js +++ b/view/molistar/activity/adventureTreasureHunt/local/en.js @@ -17,7 +17,7 @@ langEn = { Adventure_Task:'Adventure Task', Adventure_Ranking:'Adventure Ranking', Reset_time:function(Days,times){ - return 'Reset time: '+Days+'Days'+times + return 'Reset time: '+Days+ ' Days ' + times }, Today_recharge:'Today recharge:', Weekly_recharge:'Weekly recharge:', @@ -26,5 +26,23 @@ langEn = { Recharge_recharge:'Recharge agent recharge points', Points:'Points', Link_Points:'Link recharge Points', + bottom_textios: `Event has nothing to do with Apple.`, + bottom_text: `Event has nothing to do with Google.`, + Points_details:'Points details', + This_week:'This week', + Last_week:'Last week', + rules_txt:` +

1 Complete weekly tasks to get corresponding points

+

2 Recharge through recharge agents and H5 links to get extra points

+

3 The points earned can be used to participate in the lottery

+

4 Weekly points and tasks will be reset, please pay attention to use and complete them in time

+

5 This activity has nothing to do with Google and Apple

+ `, + Treasure:'You Treasure', + Treasure_txt:'Your treasure has been placed in your corresponding bag!', + Treasure_txt2:'Go and try it out~', + Behind:'Behind', + Earn_explore:'Earn points by participating, treasures are waiting for you to explore!', + Join_complete:'Join this adventure full of unknowns, and accumulate adventure points for each task you complete! ', } } \ No newline at end of file