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

房间日流水 - 初始化

Browse Source
This commit is contained in:
yujiacong
2025-09-16 16:39:18 +08:00
parent 41264a3d01
commit 5d3ba01f25
44 changed files with 2055 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
view/eparty/modules/room_rank/css/index.css
View File

@@ -49,6 +49,14 @@ body {
left: 50%;
transform: translateX(-50%);
}
.largestBox .rewards_in {
width: 2.4266666667rem;
height: 1.7866666667rem;
background-image: url("../images/go_rewards.png");
background-size: 100% 100%;
position: absolute;
right: 0;
}
.largestBox .tab {
width: 4rem;
height: 0.5333333333rem;
@@ -538,6 +546,10 @@ body {
.arabic .largestBox ul li .score {
float: left;
}
.arabic .rewards_in {
background-image: url("../images/go_rewards-ar.png");
background-size: 100% 100%;
}
.brazil .largestBox .tab {
width: 6rem;

12
view/eparty/modules/room_rank/css/index.scss
View File

@@ -55,6 +55,14 @@ body {
left: 50%;
transform: translateX(-50%);
}
.rewards_in{
width: px2rem(182);
height: px2rem(134);
background-image: url("../images/go_rewards.png");
background-size: 100% 100%;
position: absolute;
right: 0;
}
.tab {
width: px2rem(300);
@@ -633,6 +641,10 @@ body {
float: left;
}
}
.rewards_in{
background-image: url("../images/go_rewards-ar.png");
background-size: 100% 100%;
}
}
.brazil{
.largestBox .tab{

730
view/eparty/modules/room_rank/css/roomDayReward.css Normal file
View File

@@ -0,0 +1,730 @@
@charset "UTF-8";
html,
body {
height: 100%;
background: #120331;
}
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0;
padding-top: 1.4666666667rem;
padding-bottom: 0.2933333333rem;
text-align: center;
color: #FFFFFF;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 99;
}
.back img {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
}
.top_bg {
background-image: url("../images/top_bg.png");
background-size: 100% 100%;
height: 11.2533333333rem;
width: 100%;
position: relative;
}
.top_bg .rules_box {
background-image: url("../images/rule_bg.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #FFFFFF;
text-align: center;
width: 1.52rem;
height: 0.8rem;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0.2666666667rem;
position: absolute;
top: 5.88rem;
right: 0;
}
.top_bg .As_rewards {
background: rgba(0, 0, 0, 0.7);
border-radius: 0.3466666667rem;
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFFBD1;
padding: 0.2933333333rem 0.5333333333rem;
position: absolute;
top: 6.8rem;
margin: 0.4666666667rem;
}
.table_image_box {
background-image: url("../images/table_image_bg.png");
background-size: 100% 100%;
}
.table_image_box .kuang_top {
background-image: url("../images/kuang_top.png");
background-size: 100% 100%;
height: 0.6666666667rem;
}
.table_image_box .kuang_center {
background-image: url("../images/kuang_center.png");
background-size: 100% 100%;
padding: 0 0.5066666667rem;
text-align: center;
}
.table_image_box .kuang_center .shouqi,
.table_image_box .kuang_center .zhankai {
width: 0.6666666667rem;
height: 0.6666666667rem;
margin-top: 0.2266666667rem;
}
.table_image_box .kuang_center .shouqi_box .level_big {
background-image: url("../images/level_big.png");
background-size: 100% 100%;
width: 100%;
height: 15.12rem;
}
.table_image_box .kuang_center .zhankai_box {
display: none;
}
.table_image_box .kuang_center .zhankai_box .level_small {
background-image: url("../images/level_small.png");
background-size: 100% 100%;
width: 100%;
height: 4.6533333333rem;
}
.table_image_box .kuang_bottom {
background-image: url("../images/kuang_bottom.png");
background-size: 100% 100%;
height: 0.5866666667rem;
}
.ranking_list {
margin-top: 1rem;
padding-bottom: 4rem;
}
.ranking_list .kuang_top {
background-image: url("../images/kuang_top.png");
background-size: 100% 100%;
height: 0.6666666667rem;
position: relative;
}
.ranking_list .kuang_top .Today_box {
background-image: url("../images/Today_bg.png");
background-size: 100% 100%;
position: absolute;
top: -0.48rem;
left: 0.7466666667rem;
width: 3.8666666667rem;
height: 1.28rem;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFFBD1;
line-height: 0.4266666667rem;
text-stroke: 0.0266666667rem #000000;
-webkit-text-stroke: 0.0266666667rem #000000;
display: flex;
align-items: center;
justify-content: center;
}
.ranking_list .kuang_top .Yesterday_box {
background-image: url("../images/Yesterday_bg.png");
background-size: 100% 100%;
position: absolute;
top: -0.48rem;
right: 0.7466666667rem;
width: 3.8666666667rem;
height: 1.28rem;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFFBD1;
line-height: 0.4266666667rem;
text-stroke: 0.0266666667rem #000000;
-webkit-text-stroke: 0.0266666667rem #000000;
display: flex;
align-items: center;
justify-content: center;
}
.ranking_list .kuang_center {
background-image: url("../images/kuang_center.png");
background-size: 100% 100%;
padding: 0 0.5066666667rem;
text-align: center;
}
.ranking_list .kuang_center .user_info {
padding-top: 0.36rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.ranking_list .kuang_center .user_info .left {
display: flex;
align-items: center;
}
.ranking_list .kuang_center .user_info .left .avatar {
background-image: url("../images/touxiang_k.png");
background-size: 100% 100%;
width: 1.6533333333rem;
height: 1.6533333333rem;
display: flex;
align-items: center;
justify-content: center;
}
.ranking_list .kuang_center .user_info .left .avatar img {
width: 1.4666666667rem;
height: 1.4666666667rem;
border-radius: 0.2666666667rem;
}
.ranking_list .kuang_center .user_info .left .name {
margin-left: 0.2666666667rem;
}
.ranking_list .kuang_center .user_info .left .name .nick {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.3733333333rem;
color: #FFF8D1;
line-height: 0.4533333333rem;
}
.ranking_list .kuang_center .user_info .left .name .erban {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #FFF8D1;
line-height: 0.4533333333rem;
margin-top: 0.2266666667rem;
}
.ranking_list .kuang_center .user_info .right {
background-image: url("../images/record_bg.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #FFFFFF;
line-height: 0.2666666667rem;
height: 1.3333333333rem;
width: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
}
.ranking_list .kuang_center .progress_box {
margin-top: 0.3333333333rem;
/* 进度条样式 */
}
.ranking_list .kuang_center .progress_box .level_box {
display: flex;
align-items: center;
justify-content: space-between;
}
.ranking_list .kuang_center .progress_box .level_box div {
font-family: PingFang SC;
font-weight: 500;
font-size: 0.3466666667rem;
color: #E0D1FF;
line-height: 0.4533333333rem;
}
.ranking_list .kuang_center .progress_box .progress-container {
height: 0.2133333333rem;
background-color: #330A88;
overflow: hidden;
border-radius: 0.1066666667rem;
margin-top: 0.2266666667rem;
}
.ranking_list .kuang_center .progress_box .progress-container .progress-bar {
height: 100%;
background: linear-gradient(90deg, #D1BDFF, #905AFF);
transition: width 0.3s ease;
border-radius: 0.1066666667rem;
}
.ranking_list .kuang_center .progress_box .next_level {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0.2133333333rem;
}
.ranking_list .kuang_center .progress_box .next_level .left,
.ranking_list .kuang_center .progress_box .next_level .right {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #E0D1FF;
line-height: 0.4533333333rem;
display: flex;
align-items: center;
}
.ranking_list .kuang_center .progress_box .next_level .left img,
.ranking_list .kuang_center .progress_box .next_level .right img {
width: 0.3733333333rem;
height: 0.3733333333rem;
margin: 0 0.08rem;
}
.ranking_list .kuang_center .room_tip {
background-image: url("../images/room_tip.png");
background-size: 100% 100%;
height: 2.4533333333rem;
margin-top: 0.52rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.ranking_list .kuang_center .room_tip .left {
margin-left: 0.44rem;
}
.ranking_list .kuang_center .room_tip .left .Top_Share {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
width: 3.4rem;
}
.ranking_list .kuang_center .room_tip .left .num {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.5866666667rem;
color: #FFF8D1;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.36rem;
}
.ranking_list .kuang_center .room_tip .left .num img {
width: 0.5333333333rem;
height: 0.5333333333rem;
margin: 0 0.0666666667rem;
}
.ranking_list .kuang_center .room_tip .right {
margin-right: 0.6266666667rem;
}
.ranking_list .kuang_center .room_tip .right .Room_Reward {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
width: 3.1333333333rem;
}
.ranking_list .kuang_center .room_tip .right .num {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.5866666667rem;
color: #FFF8D1;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.36rem;
}
.ranking_list .kuang_center .room_tip .right .num img {
width: 0.5333333333rem;
height: 0.5333333333rem;
margin: 0 0.0666666667rem;
}
.ranking_list .kuang_center .rank_list {
margin-top: 0.0666666667rem;
}
.ranking_list .kuang_center .rank_list .rank_box {
background-image: url("../images/rank_bg.png");
background-size: 100% 100%;
display: flex;
align-items: center;
padding: 0.4rem 0.8rem;
position: relative;
margin-top: 0.4266666667rem;
}
.ranking_list .kuang_center .rank_list .rank_box .top_ranking {
background-image: url("../images/biaoshi.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.3466666667rem;
color: #FFF8D1;
text-align: center;
width: 1.7866666667rem;
height: 0.9066666667rem;
position: absolute;
top: -0.2666666667rem;
left: 0.12rem;
padding-top: 0.2933333333rem;
}
.ranking_list .kuang_center .rank_list .rank_box .left img {
width: 1.0933333333rem;
height: 1.0933333333rem;
border-radius: 50%;
}
.ranking_list .kuang_center .rank_list .rank_box .right {
margin-left: 0.16rem;
}
.ranking_list .kuang_center .rank_list .rank_box .right .nick {
font-family: PingFang SC;
font-weight: 500;
font-size: 0.3733333333rem;
color: #FFF8D1;
line-height: 0.5066666667rem;
text-align: left;
}
.ranking_list .kuang_center .rank_list .rank_box .right .erban {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFF8D1;
line-height: 0.5066666667rem;
text-align: left;
}
.ranking_list .kuang_center .rank_list .rank_box .right .Contribution_Value,
.ranking_list .kuang_center .rank_list .rank_box .right .Target_Coins_box {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
line-height: 0.5066666667rem;
text-align: left;
display: flex;
align-items: center;
}
.ranking_list .kuang_center .rank_list .rank_box .right .Contribution_Value img,
.ranking_list .kuang_center .rank_list .rank_box .right .Target_Coins_box img {
width: 0.36rem;
height: 0.36rem;
margin: 0 0.0666666667rem;
}
.ranking_list .kuang_bottom {
background-image: url("../images/kuang_bottom.png");
background-size: 100% 100%;
height: 0.5866666667rem;
}
.my_box {
background: linear-gradient(180deg, #2A0C5F, #582BAC);
border-radius: 0.2666666667rem 0.2666666667rem 0px 0px;
position: fixed;
bottom: 0;
width: 100%;
box-sizing: border-box;
padding: 0.2933333333rem 0.4rem 0.6666666667rem;
}
.my_box .my_info {
display: flex;
align-items: center;
}
.my_box .my_info .my_rank {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFF8D1;
}
.my_box .my_info .avatar {
margin: 0rem 0.2rem 0rem 0.3733333333rem;
}
.my_box .my_info .avatar img {
width: 1.0933333333rem;
height: 1.0933333333rem;
border-radius: 50%;
}
.my_box .my_info .my_nick .nick {
font-family: PingFang SC;
font-weight: 500;
font-size: 0.3733333333rem;
color: #FFF8D1;
line-height: 0.5066666667rem;
text-align: left;
}
.my_box .my_info .my_nick .erban {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #FFF8D1;
line-height: 0.5066666667rem;
text-align: left;
}
.my_box .Contribution_Value {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
line-height: 0.5066666667rem;
margin-top: 0.28rem;
}
.my_box .Room_Reward_box {
margin-top: 0.4rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.my_box .Room_Reward_box .left {
display: flex;
align-items: center;
}
.my_box .Room_Reward_box .left .Room_Reward {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
line-height: 0.5066666667rem;
}
.my_box .Room_Reward_box .left img {
width: 0.36rem;
height: 0.36rem;
margin: 0 0.0666666667rem;
}
.my_box .Contribution_Reward_box {
margin-top: 0.4rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.my_box .Contribution_Reward_box .left {
display: flex;
align-items: center;
}
.my_box .Contribution_Reward_box .left .Contribution_Reward {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
line-height: 0.5066666667rem;
}
.my_box .Contribution_Reward_box .left img {
width: 0.36rem;
height: 0.36rem;
margin: 0 0.0666666667rem;
}
.my_box .Receive_Tomorrow {
background: #1B014C;
border-radius: 0.2666666667rem;
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
padding: 0.1333333333rem 0.2666666667rem;
min-width: 3.9466666667rem;
text-align: center;
}
.my_box .Receive {
background: #FFFFFF;
border-radius: 0.2666666667rem;
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #080018;
padding: 0.1333333333rem 0.2666666667rem;
min-width: 3.9466666667rem;
text-align: center;
}
.my_box .Receiveed {
background: #1B014C;
border-radius: 0.2666666667rem;
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
padding: 0.1333333333rem 0.2666666667rem;
min-width: 3.9466666667rem;
text-align: center;
}
.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.2rem;
}
.popup_record .popup_content .title {
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFFBD1;
line-height: 0.48rem;
text-align: center;
margin-bottom: 0.3066666667rem;
}
.popup_record .popup_content .xian {
margin: 0 1.4666666667rem;
}
.popup_record .popup_content .xian img {
height: 0.24rem;
}
.popup_record .popup_content .wrap_title {
font-family: PingFang SC;
font-weight: 500;
font-size: 0.3733333333rem;
color: #FFFBD1;
display: flex;
align-items: center;
justify-content: space-between;
background: #280F5C;
padding: 0.32rem 1.1733333333rem;
margin: 0.24rem 0.4933333333rem 0;
}
.popup_record .popup_content .wrap_list {
height: 6rem;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.popup_record .popup_content .wrap_list::-webkit-scrollbar {
display: none;
}
.popup_record .popup_content .wrap_list .wrap_box {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #E0D1FF;
background: #32166A;
padding: 0.32rem 0.44rem;
margin: 0 0.4933333333rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.popup_record .popup_content .wrap_list .wrap_box .num {
width: 4rem;
text-align: center;
}
.popup_record .popup_content .wrap_list .wrap_box:nth-child(even) {
background: #280F5C;
}
.popup_record .popup_content .close_btn {
position: absolute;
top: -12%;
right: 2%;
}
.popup_record .popup_content .close_btn img {
width: 0.8rem;
height: 0.8rem;
}
.popup_receiveed {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
}
.popup_receiveed .popup_content {
background-image: url("../images/popup_receive_bg.png");
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10rem;
padding: 0.8rem 0 0.5333333333rem;
height: 9.7333333333rem;
position: relative;
}
.popup_receiveed .popup_content .title {
font-family: PingFang SC;
font-weight: 500;
font-size: 0.48rem;
color: #FFFBD1;
line-height: 0.56rem;
position: absolute;
top: 2.9333333333rem;
left: 1.3066666667rem;
width: 2rem;
}
.popup_receiveed .popup_content .You_Receiveed {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
line-height: 0.4266666667rem;
color: #E0D1FF;
position: absolute;
top: 4.9333333333rem;
left: 1.3066666667rem;
width: 3.7333333333rem;
}
.popup_receiveed .popup_content .num {
font-family: PingFang SC;
font-weight: 600;
font-size: 1.0666666667rem;
color: #FFF8D1;
display: flex;
align-items: center;
position: absolute;
top: 6rem;
left: 1.3066666667rem;
}
.popup_receiveed .popup_content .num img {
width: 1.0133333333rem;
height: 1.0133333333rem;
margin: 0 0.1733333333rem;
}
.popup_receiveed .popup_content .xian {
margin: 6.6666666667rem 1.6666666667rem 0;
}
.popup_receiveed .popup_content .Go_wallet {
font-family: PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #E0D1FF;
margin-top: 0.3466666667rem;
text-align: center;
}
.popup_receiveed .popup_content .OK_btn {
background-image: url("../images/Today_bg.png");
background-size: 100% 100%;
width: 3.8666666667rem;
height: 1.28rem;
font-family: PingFang SC;
font-weight: 600;
font-size: 0.4266666667rem;
color: #FFFBD1;
line-height: 0.4266666667rem;
text-stroke: 0.0266666667rem #000000;
-webkit-text-stroke: 0.0266666667rem #000000;
display: flex;
align-items: center;
justify-content: center;
margin: 0.36rem auto 0;
}
.china .popup_record .popup_content .wrap_list .wrap_box .num {
width: 2.9333333333rem;
}
.arabic .top_bg {
background-image: url("../images/top_bg-ar.png");
background-size: 100% 100%;
}
.arabic .ranking_list .kuang_center .progress_box .progress-container .progress-bar {
background: linear-gradient(90deg, #905AFF, #D1BDFF);
}
.arabic .table_image_box .kuang_center .shouqi_box .level_big {
background-image: url("../images/level_big-ar.png");
background-size: 100% 100%;
}
.arabic .table_image_box .kuang_center .zhankai_box .level_small {
background-image: url("../images/level_small-ar.png");
background-size: 100% 100%;
}

843
view/eparty/modules/room_rank/css/roomDayReward.scss Normal file
View File

@@ -0,0 +1,843 @@
@charset "UTF-8";
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
// width: 100%;
height: 100%;
background: #120331;
}
.back {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: 0;
padding-top: px2rem(110);
padding-bottom: px2rem(22);
text-align: center;
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 99;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
// top: px2rem(0);
}
}
.top_bg {
background-image: url("../images/top_bg.png");
background-size: 100% 100%;
height: px2rem(844);
width: 100%;
position: relative;
.rules_box {
background-image: url('../images/rule_bg.png');
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #FFFFFF;
text-align: center;
width: px2rem(114);
height: px2rem(60);
display: flex;
align-items: center;
justify-content: center;
padding-left: px2rem(20);
position: absolute;
top: px2rem(441);
right: 0;
}
.As_rewards {
background: rgba(0, 0, 0, 0.7);
border-radius: px2rem(26);
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFFBD1;
padding: px2rem(22) px2rem(40);
position: absolute;
top: px2rem(510);
margin: px2rem(35);
}
}
.table_image_box {
background-image: url("../images/table_image_bg.png");
background-size: 100% 100%;
.kuang_top {
background-image: url("../images/kuang_top.png");
background-size: 100% 100%;
height: px2rem(50);
}
.kuang_center {
background-image: url("../images/kuang_center.png");
background-size: 100% 100%;
padding: 0 px2rem(38);
text-align: center;
.shouqi,
.zhankai {
width: px2rem(50);
height: px2rem(50);
margin-top: px2rem(17);
}
.shouqi_box {
.level_big {
background-image: url("../images/level_big.png");
background-size: 100% 100%;
width: 100%;
height: px2rem(1134);
}
}
.zhankai_box {
display: none;
.level_small {
background-image: url("../images/level_small.png");
background-size: 100% 100%;
width: 100%;
height: px2rem(349);
}
}
}
.kuang_bottom {
background-image: url("../images/kuang_bottom.png");
background-size: 100% 100%;
height: px2rem(44);
}
}
.ranking_list {
margin-top: px2rem(75);
padding-bottom: px2rem(300);
.kuang_top {
background-image: url("../images/kuang_top.png");
background-size: 100% 100%;
height: px2rem(50);
position: relative;
.Today_box {
background-image: url("../images/Today_bg.png");
background-size: 100% 100%;
position: absolute;
top: px2rem(-36);
left: px2rem(56);
width: px2rem(290);
height: px2rem(96);
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFFBD1;
line-height: px2rem(32);
text-stroke: px2rem(2) #000000;
-webkit-text-stroke: px2rem(2) #000000;
display: flex;
align-items: center;
justify-content: center;
}
.Yesterday_box {
background-image: url("../images/Yesterday_bg.png");
background-size: 100% 100%;
position: absolute;
top: px2rem(-36);
right: px2rem(56);
width: px2rem(290);
height: px2rem(96);
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFFBD1;
line-height: px2rem(32);
text-stroke: px2rem(2) #000000;
-webkit-text-stroke: px2rem(2) #000000;
display: flex;
align-items: center;
justify-content: center;
}
}
.kuang_center {
background-image: url("../images/kuang_center.png");
background-size: 100% 100%;
padding: 0 px2rem(38);
text-align: center;
.user_info {
padding-top: px2rem(27);
display: flex;
align-items: center;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.avatar {
background-image: url("../images/touxiang_k.png");
background-size: 100% 100%;
width: px2rem(124);
height: px2rem(124);
display: flex;
align-items: center;
justify-content: center;
img {
width: px2rem(110);
height: px2rem(110);
border-radius: px2rem(20);
}
}
.name {
margin-left: px2rem(20);
.nick {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(28);
color: #FFF8D1;
line-height: px2rem(34);
}
.erban {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #FFF8D1;
line-height: px2rem(34);
margin-top: px2rem(17);
}
}
}
.right {
background-image: url("../images/record_bg.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(24);
color: #FFFFFF;
line-height: px2rem(20);
height: px2rem(100);
width: px2rem(240);
display: flex;
align-items: center;
justify-content: center;
}
}
.progress_box {
margin-top: px2rem(25);
.level_box {
display: flex;
align-items: center;
justify-content: space-between;
div {
font-family: PingFang SC;
font-weight: 500;
font-size: px2rem(26);
color: #E0D1FF;
line-height: px2rem(34);
}
}
/* 进度条样式 */
.progress-container {
// width: 100%;
height: px2rem(16);
background-color: #330A88;
overflow: hidden;
border-radius: px2rem(8);
margin-top: px2rem(17);
.progress-bar {
height: 100%;
background: linear-gradient(90deg, #D1BDFF, #905AFF);
transition: width 0.3s ease;
border-radius: px2rem(8);
}
}
.next_level {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: px2rem(16);
.left,
.right {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #E0D1FF;
line-height: px2rem(34);
display: flex;
align-items: center;
img {
width: px2rem(28);
height: px2rem(28);
margin: 0 px2rem(6);
}
}
}
}
.room_tip {
background-image: url("../images/room_tip.png");
background-size: 100% 100%;
height: px2rem(184);
margin-top: px2rem(39);
display: flex;
align-items: center;
justify-content: space-between;
.left {
margin-left: px2rem(33);
.Top_Share {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
width: px2rem(255);
}
.num {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(44);
color: #FFF8D1;
display: flex;
align-items: center;
justify-content: center;
margin-top: px2rem(27);
img {
width: px2rem(40);
height: px2rem(40);
margin: 0 px2rem(5);
}
}
}
.right {
margin-right: px2rem(47);
.Room_Reward {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
width: px2rem(235);
}
.num {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(44);
color: #FFF8D1;
display: flex;
align-items: center;
justify-content: center;
margin-top: px2rem(27);
img {
width: px2rem(40);
height: px2rem(40);
margin: 0 px2rem(5);
}
}
}
}
.rank_list {
margin-top: px2rem(5);
.rank_box {
background-image: url("../images/rank_bg.png");
background-size: 100% 100%;
display: flex;
align-items: center;
padding: px2rem(30) px2rem(60);
position: relative;
margin-top: px2rem(32);
.top_ranking {
background-image: url("../images/biaoshi.png");
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(26);
color: #FFF8D1;
text-align: center;
width: px2rem(134);
height: px2rem(68);
position: absolute;
top: px2rem(-20);
left: px2rem(9);
padding-top: px2rem(22);
}
.left {
img {
width: px2rem(82);
height: px2rem(82);
border-radius: 50%;
}
}
.right {
margin-left: px2rem(12);
.nick {
font-family: PingFang SC;
font-weight: 500;
font-size: px2rem(28);
color: #FFF8D1;
line-height: px2rem(38);
text-align: left;
}
.erban {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFF8D1;
line-height: px2rem(38);
text-align: left;
}
.Contribution_Value,
.Target_Coins_box {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
line-height: px2rem(38);
text-align: left;
display: flex;
align-items: center;
img {
width: px2rem(27);
height: px2rem(27);
margin: 0 px2rem(5);
}
}
}
}
}
}
.kuang_bottom {
background-image: url("../images/kuang_bottom.png");
background-size: 100% 100%;
height: px2rem(44);
}
}
.my_box {
background: linear-gradient(180deg, #2A0C5F, #582BAC);
border-radius: px2rem(20) px2rem(20) 0px 0px;
position: fixed;
bottom: 0;
width: 100%;
box-sizing: border-box;
padding: px2rem(22) px2rem(30) px2rem(50);
.my_info {
display: flex;
align-items: center;
.my_rank {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFF8D1;
}
.avatar {
margin: px2rem(0) px2rem(15) px2rem(0) px2rem(28);
img {
width: px2rem(82);
height: px2rem(82);
border-radius: 50%;
}
}
.my_nick {
.nick {
font-family: PingFang SC;
font-weight: 500;
font-size: px2rem(28);
color: #FFF8D1;
line-height: px2rem(38);
text-align: left;
}
.erban {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #FFF8D1;
line-height: px2rem(38);
text-align: left;
}
}
}
.Contribution_Value {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
line-height: px2rem(38);
margin-top: px2rem(21);
}
.Room_Reward_box {
margin-top: px2rem(30);
display: flex;
align-items: center;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.Room_Reward {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
line-height: px2rem(38);
}
img {
width: px2rem(27);
height: px2rem(27);
margin: 0 px2rem(5);
}
}
}
.Contribution_Reward_box {
margin-top: px2rem(30);
display: flex;
align-items: center;
justify-content: space-between;
.left {
display: flex;
align-items: center;
.Contribution_Reward {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
line-height: px2rem(38);
}
img {
width: px2rem(27);
height: px2rem(27);
margin: 0 px2rem(5);
}
}
}
.Receive_Tomorrow {
background: #1B014C;
border-radius: px2rem(20);
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
padding: px2rem(10) px2rem(20);
min-width: px2rem(296);
text-align: center;
}
.Receive {
background: #FFFFFF;
border-radius: px2rem(20);
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #080018;
padding: px2rem(10) px2rem(20);
min-width: px2rem(296);
text-align: center;
}
.Receiveed {
background: #1B014C;
border-radius: px2rem(20);
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
padding: px2rem(10) px2rem(20);
min-width: px2rem(296);
text-align: center;
}
}
.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(690);
.title {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFFBD1;
line-height: px2rem(36);
text-align: center;
margin-bottom: px2rem(23);
}
.xian {
margin: 0 px2rem(110);
img {
height: px2rem(18);
}
}
.wrap_title {
font-family: PingFang SC;
font-weight: 500;
font-size: px2rem(28);
color: #FFFBD1;
display: flex;
align-items: center;
justify-content: space-between;
background: #280F5C;
padding: px2rem(24) px2rem(88);
margin: px2rem(18) px2rem(37) 0;
}
.wrap_list {
height: px2rem(450);
overflow-y: auto; // 超出高度时可滚动
scrollbar-width: none; // 隐藏滚动条（Firefox）
-ms-overflow-style: none; // 隐藏滚动条（IE 10+）
&::-webkit-scrollbar {
// 隐藏滚动条（Chrome, Safari, Opera）
display: none;
}
.wrap_box {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #E0D1FF;
background: #32166A;
padding: px2rem(24) px2rem(33);
margin: 0 px2rem(37);
display: flex;
align-items: center;
justify-content: space-between;
.num {
width: px2rem(300);
text-align: center;
}
}
.wrap_box:nth-child(even) {
background: #280F5C;
}
}
.close_btn {
position: absolute;
top: -12%;
right: 2%;
img {
width: px2rem(60);
height: px2rem(60);
}
}
}
}
.popup_receiveed {
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_receive_bg.png');
background-size: 100% 100%;
// margin: 0 px2rem(14);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(750);
padding: px2rem(60) 0 px2rem(40);
height: px2rem(730);
position: relative;
.title {
font-family: PingFang SC;
font-weight: 500;
font-size: px2rem(36);
color: #FFFBD1;
line-height: px2rem(42);
position: absolute;
top: px2rem(220);
left: px2rem(98);
width: px2rem(150);
}
.You_Receiveed {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
line-height: px2rem(32);
color: #E0D1FF;
position: absolute;
top: px2rem(370);
left: px2rem(98);
width: px2rem(280);
}
.num {
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(80);
color: #FFF8D1;
display: flex;
align-items: center;
position: absolute;
top: px2rem(450);
left: px2rem(98);
img {
width: px2rem(76);
height: px2rem(76);
margin: 0 px2rem(13);
}
}
.xian {
margin: px2rem(500) px2rem(125) 0;
}
.Go_wallet {
font-family: PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #E0D1FF;
margin-top: px2rem(26);
text-align: center;
}
.OK_btn {
background-image: url("../images/Today_bg.png");
background-size: 100% 100%;
width: px2rem(290);
height: px2rem(96);
font-family: PingFang SC;
font-weight: 600;
font-size: px2rem(32);
color: #FFFBD1;
line-height: px2rem(32);
text-stroke: px2rem(2) #000000;
-webkit-text-stroke: px2rem(2) #000000;
display: flex;
align-items: center;
justify-content: center;
margin: px2rem(27) auto 0;
}
}
}
.china {
.popup_record .popup_content .wrap_list .wrap_box .num {
width: px2rem(220);
}
}
.arabic {
.top_bg {
background-image: url("../images/top_bg-ar.png");
background-size: 100% 100%;
}
.ranking_list .kuang_center .progress_box .progress-container .progress-bar {
background: linear-gradient(90deg, #905AFF, #D1BDFF);
}
.table_image_box .kuang_center .shouqi_box .level_big{
background-image: url("../images/level_big-ar.png");
background-size: 100% 100%;
}
.table_image_box .kuang_center .zhankai_box .level_small{
background-image: url("../images/level_small-ar.png");
background-size: 100% 100%;
}
}

BIN
view/eparty/modules/room_rank/images/Today_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
view/eparty/modules/room_rank/images/Yesterday_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
view/eparty/modules/room_rank/images/biaoshi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
view/eparty/modules/room_rank/images/close_btn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
view/eparty/modules/room_rank/images/e_conis.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
view/eparty/modules/room_rank/images/e_conis_big.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
view/eparty/modules/room_rank/images/go_rewards-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
view/eparty/modules/room_rank/images/go_rewards.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
view/eparty/modules/room_rank/images/kuang_bottom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
view/eparty/modules/room_rank/images/kuang_center.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
view/eparty/modules/room_rank/images/kuang_top.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
view/eparty/modules/room_rank/images/level_big-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
view/eparty/modules/room_rank/images/level_big.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
view/eparty/modules/room_rank/images/level_small-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
view/eparty/modules/room_rank/images/level_small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
view/eparty/modules/room_rank/images/no_data.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
view/eparty/modules/room_rank/images/popup_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
view/eparty/modules/room_rank/images/popup_receive_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 541 KiB

BIN
view/eparty/modules/room_rank/images/rank_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 KiB

BIN
view/eparty/modules/room_rank/images/record_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
view/eparty/modules/room_rank/images/room_tip.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
view/eparty/modules/room_rank/images/rule_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
view/eparty/modules/room_rank/images/shouqi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
view/eparty/modules/room_rank/images/suo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
view/eparty/modules/room_rank/images/table_image_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 314 KiB

BIN
view/eparty/modules/room_rank/images/top_bg-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 812 KiB

BIN
view/eparty/modules/room_rank/images/top_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 821 KiB

BIN
view/eparty/modules/room_rank/images/touxiang_k.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
view/eparty/modules/room_rank/images/travel/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
view/eparty/modules/room_rank/images/xian.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
view/eparty/modules/room_rank/images/zhankai.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

2
view/eparty/modules/room_rank/index.html
View File

@@ -16,6 +16,8 @@
<div class="largestBox">
<!-- 標題 -->
<img src="./images/title.png" id="roomImg1" alt="" class="title">
<!-- 房间日流水奖励入口 -->
<div class="rewards_in"></div>
<!-- 財富榜&魅力榜 -->
<div class="tab">
<div class="tabColor1">

14
view/eparty/modules/room_rank/js/index.js
View File

@@ -245,3 +245,17 @@ $('.largestBox').on('click', 'ul li .tx', function () {
}
}
})
// 跳转房间日流水
$('.rewards_in').click(function () {
let link = `${urlPrefix}/eparty/modules/room_rank/roomDayReward.html`
if(browser.app){
if(browser.android){
// window.androidJsObj.openChargePage()
tools.nativeUtils.jumpAppointPage('H5_PAGE',link)
}else if(browser.ios){
window.webkit.messageHandlers.openChargePage.postMessage(null)
}
}else{
toastMsg('请在app内打开')
}
})

104
view/eparty/modules/room_rank/js/roomDayReward.js Normal file
View File

@@ -0,0 +1,104 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
var urlData = getQueryString();
var langReplace;
var localLang;
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = '(*＾-＾*)') => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = '︶︵︶', time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
// 初始化函數
$(function () {
getInfoFromClient()
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
// 頂部返回事件
$('.back img').click(() => {
window.history.back();
})
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
}, 100)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.As_rewards').html(langReplace(localLang.demoModule.As_rewards));
$('.rules_box').html(langReplace(localLang.demoModule.Rules));
$('.Today_box').html(langReplace(localLang.demoModule.Today));
$('.Yesterday_box').html(langReplace(localLang.demoModule.Yesterday));
$('.Receive_Record').html(langReplace(localLang.demoModule.Receive_Record));
$('.Next_Unlocks').html(langReplace(localLang.demoModule.Next_Unlocks));
$('.Top_Share').html(langReplace(localLang.demoModule.Top_Share));
$('.Room_Reward').html(langReplace(localLang.demoModule.Room_Reward));
$('.Contribution_Value').html(langReplace(localLang.demoModule.Contribution_Value));
$('.Target_Coins').html(langReplace(localLang.demoModule.Target_Coins));
$('.Receive_Tomorrow').html(langReplace(localLang.demoModule.Receive_Tomorrow));
$('.Contribution_Reward').html(langReplace(localLang.demoModule.Contribution_Reward));
$('.Receive').html(langReplace(localLang.demoModule.Receive));
$('.Receiveed').html(langReplace(localLang.demoModule.Receiveed));
$('.suo_img').html(langReplace(localLang.demoModule.suo_img));
$('.Coin_Details').html(langReplace(localLang.demoModule.Coin_Details));
$('.Receive_Time').html(langReplace(localLang.demoModule.Receive_Time));
$('.Coins_Receiveed').html(langReplace(localLang.demoModule.Coins_Receiveed));
$('.Receive_Successful').html(langReplace(localLang.demoModule.Receive_Successful));
$('.You_Receiveed').html(langReplace(localLang.demoModule.You_Receiveed));
$('.Go_wallet').html(langReplace(localLang.demoModule.Go_wallet));
$('.OK_btn').html(langReplace(localLang.demoModule.OK_btn));
}
// 关闭领取记录
$('.popup_record .popup_content .close_btn img').click(function(){
bodyScroolFun(false);
$('.popup_record').hide()
})
// 打开领取记录
$('.Receive_Record').click(function(){
bodyScroolFun(true);
$('.popup_record').show()
})
// 关闭领取成功提示
$('.OK_btn').click(function(){
bodyScroolFun(false);
$('.popup_receiveed').hide()
})
// 点击展开收起切换
$('.table_image_box .kuang_center .shouqi').click(function(){
$('.shouqi_box').hide();
$('.zhankai_box').show();
})
$('.table_image_box .kuang_center .zhankai').click(function(){
$('.zhankai_box').hide();
$('.shouqi_box').show();
})

22
view/eparty/modules/room_rank/local/ar.js
View File

@@ -36,5 +36,27 @@ langAr = {
text11: `<p>التصنيف الساعي يعتمد على قيمة الهدايا التي تم استلامها من قبل البث الفردي خلال ساعة واحدة.</p>
<p>يتم حساب التصنيفات ساعة بساعة، وسيتم الإعلان عن المرتبة الأولى في جميع غرف البث.</p>`,
hour_text33: `المذيع`,
As_rewards:'بمجرد تحقيق هدف دخل الماس للروم اليومي، يمكن صاحب الغرفة الحصول على مكافآت، ويمكن لأفضل 10 مستخدمين مساهمين في الغرفة مشاركة مكافآت المساهمة',
Rules:'القواعد',
Today:'اليوم',
Yesterday:'أمس',
Receive_Record:'سجل الاستلام',
Next_Unlocks:':المستوى التالي الذي يفتح',
Top_Share:'مشاركة أفضل 10 مساهمين في كأس روم',
Room_Reward:'مكافأة صاحب الغرفة',
Contribution_Value:'قيمة المساهمة',
Target_Coins:'الكونزات المستهدفة',
Receive_Tomorrow:'يستلم المكافأة غدًا',
Contribution_Reward:'مكافأة المساهمة',
Receive:'استلم',
Receiveed:'تم الاستلام',
Coin_Details:'تفاصيل استلام الكونزات',
Receive_Time:'وقت الاستلام',
Coins_Receiveed:'العملات المستلمة',
Receive_Successful:'تم الاستلام بنجاح',
You_Receiveed:'لقد استلمت بنجاح',
Go_wallet:'فضلا بمراجعة محفظتك',
OK_btn:'حسنًا',
}
}

22
view/eparty/modules/room_rank/local/br.js
View File

@@ -33,5 +33,27 @@ langBr = {
text11: `<p>A Lista Horária é baseada no valor dos presentes recebidos por transmissores individuais em uma única hora.</p>
<p>As posições são calculadas a cada hora, e o TOP1 será anunciado em todas as salas de transmissão.</p>`,
hour_text33: `Transmissor`,
As_rewards:'As long as the daily room turnover target is met, the room owner can receive rewards, and the top 10 contributing users in the room can share the contribution rewards!',
Rules:'Rules',
Today:'Today',
Yesterday:'Yesterday',
Receive_Record:'Receive Record',
Next_Unlocks:'Next Level Unlocks:',
Top_Share:'Top 10 Room Turnover Contributors Share',
Room_Reward:'Room Owner Reward',
Contribution_Value:'Contribution Value',
Target_Coins:'Target Receive Coins',
Receive_Tomorrow:'Receive Reward Tomorrow',
Contribution_Reward:'Contribution Reward',
Receive:'Receive',
Receiveed:'Receiveed',
Coin_Details:'Coin Receive Details',
Receive_Time:'Receive Time',
Coins_Receiveed:'Coins Receiveed',
Receive_Successful:'Receive Successful',
You_Receiveed:'You have successfully Receiveed',
Go_wallet:'Go check your wallet!',
OK_btn:'OK',
}
}

22
view/eparty/modules/room_rank/local/en.js
View File

@@ -36,5 +36,27 @@ langEn = {
text11: `<p>The Hourly Ranking is based on the value of gifts received by individual broadcasters within a single hour.</p>
<p>Rankings are calculated hourly, and the TOP1 will be announced across all broadcaster rooms.</p>`,
hour_text33: `Broadcaster`,
As_rewards:'As long as the daily room turnover target is met, the room owner can receive rewards, and the top 10 contributing users in the room can share the contribution rewards!',
Rules:'Rules',
Today:'Today',
Yesterday:'Yesterday',
Receive_Record:'Receive Record',
Next_Unlocks:'Next Level Unlocks:',
Top_Share:'Top 10 Room Turnover Contributors Share',
Room_Reward:'Room Owner Reward',
Contribution_Value:'Contribution Value',
Target_Coins:'Target Receive Coins',
Receive_Tomorrow:'Receive Reward Tomorrow',
Contribution_Reward:'Contribution Reward',
Receive:'Receive',
Receiveed:'Receiveed',
Coin_Details:'Coin Receive Details',
Receive_Time:'Receive Time',
Coins_Receiveed:'Coins Receiveed',
Receive_Successful:'Receive Successful',
You_Receiveed:'You have successfully Receiveed',
Go_wallet:'Go check your wallet!',
OK_btn:'OK',
}
}

22
view/eparty/modules/room_rank/local/tr.js
View File

@@ -36,5 +36,27 @@ langTr = {
text11: `<p>The Hourly Ranking is based on the value of gifts received by individual broadcasters within a single hour.</p>
<p>Rankings are calculated hourly, and the TOP1 will be announced across all broadcaster rooms.</p>`,
hour_text33: `Broadcaster`,
As_rewards:'As long as the daily room turnover target is met, the room owner can receive rewards, and the top 10 contributing users in the room can share the contribution rewards!',
Rules:'Rules',
Today:'Today',
Yesterday:'Yesterday',
Receive_Record:'Receive Record',
Next_Unlocks:'Next Level Unlocks:',
Top_Share:'Top 10 Room Turnover Contributors Share',
Room_Reward:'Room Owner Reward',
Contribution_Value:'Contribution Value',
Target_Coins:'Target Receive Coins',
Receive_Tomorrow:'Receive Reward Tomorrow',
Contribution_Reward:'Contribution Reward',
Receive:'Receive',
Receiveed:'Receiveed',
Coin_Details:'Coin Receive Details',
Receive_Time:'Receive Time',
Coins_Receiveed:'Coins Receiveed',
Receive_Successful:'Receive Successful',
You_Receiveed:'You have successfully Receiveed',
Go_wallet:'Go check your wallet!',
OK_btn:'OK',
}
}

22
view/eparty/modules/room_rank/local/zh.js
View File

@@ -36,5 +36,27 @@ langZh = {
text11: `<p>小時榜是按個人主播單小時內收到的禮物值進行排名。</p>
<p>每小時進行榜單結算，TOP1將在所有主播房間中進行全服公告。</p>`,
hour_text33:`主播`,
As_rewards:'只要完成每天房间流水档位，房主可以获得奖励，以及每天本房间贡献前10名用户可以瓜分贡献奖励！',
Rules:'规则',
Today:'今日',
Yesterday:'昨日',
Receive_Record:'领取记录',
Next_Unlocks:'下一等级可解锁:',
Top_Share:'房间流水前10用户瓜分',
Room_Reward:'房主奖励',
Contribution_Value:'贡献值',
Target_Coins:'目标领取金币',
Receive_Tomorrow:'明天领取奖励',
Contribution_Reward:'贡献奖励',
Receive:'领取',
Receiveed:'已领取',
suo_img:'../images/suo.png',
Coin_Details:'金币领取详情',
Receive_Time:'领取时间',
Coins_Receiveed:'领取金币',
Receive_Successful:'领取成功',
You_Receiveed:'你已经成功领取',
Go_wallet:'快点去钱包看看吧！',
OK_btn:'好的',
}
}

228
view/eparty/modules/room_rank/roomDayReward.html Normal file
View File

@@ -0,0 +1,228 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title></title>
<link rel="stylesheet" href="../../common/css/reset.css" />
<link rel="stylesheet" href="css/roomDayReward.css?v=1.1" />
<link rel="stylesheet" href="../../common/css/animate.css" />
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="" />
</div>
<div class="top_bg">
<div class="rules_box"></div>
<div class="As_rewards"></div>
</div>
<div class="table_image_box">
<div class="kuang_top"></div>
<div class="kuang_center">
<div class="shouqi_box">
<div class="level_big"></div>
<img src="./images/shouqi.png" alt="" class="shouqi" />
</div>
<div class="zhankai_box">
<div class="level_small"></div>
<img src="./images/zhankai.png" alt="" class="zhankai" />
</div>
</div>
<div class="kuang_bottom"></div>
</div>
<div class="ranking_list">
<div class="kuang_top">
<div class="Today_box"></div>
<div class="Yesterday_box"></div>
</div>
<div class="kuang_center">
<div class="user_info">
<div class="left">
<div class="avatar">
<img src="./images/logo.png" alt="" />
</div>
<div class="name">
<div class="nick">666</div>
<div class="erban">666</div>
</div>
</div>
<div class="right Receive_Record"></div>
</div>
<div class="progress_box">
<div class="level_box">
<div class="">11</div>
<div class="">22</div>
</div>
<div class="progress-container">
<div class="progress-bar" style="width: 10%"></div>
</div>
<div class="next_level">
<div class="left">
<span class="Next_Unlocks"></span>
<span class="">500</span>
<img src="./images/e_conis.png" alt="" />
</div>
<div class="right">200/500</div>
</div>
</div>
<div class="room_tip">
<div class="left">
<div class="Top_Share"></div>
<div class="num">
<span class="">500</span>
<img src="./images/e_conis.png" alt="" />
</div>
</div>
<div class="right">
<div class="Room_Reward"></div>
<div class="num">
<span class="">500</span>
<img src="./images/e_conis.png" alt="" />
</div>
</div>
</div>
<div class="rank_list">
<div class="rank_box">
<div class="top_ranking">top1</div>
<div class="left">
<img src="./images/logo.png" alt="" />
</div>
<div class="right">
<div class="nick">11</div>
<div class="erban">22</div>
<div class="Contribution_Value"></div>
<div class="Target_Coins_box">
<span class="Target_Coins"></span>
<img src="./images/e_conis.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="kuang_bottom"></div>
</div>
<div class="my_box">
<div class="my_info">
<div class="my_rank">Top3</div>
<div class="avatar">
<img src="./images/logo.png" alt="" />
</div>
<div class="my_nick">
<div class="nick">11</div>
<div class="erban">22</div>
</div>
</div>
<div class="Contribution_Value"></div>
<div class="Room_Reward_box">
<div class="left">
<span class="Room_Reward"></span>
<img src="./images/e_conis.png" alt="" />
</div>
<div class="right Receive_Tomorrow"></div>
</div>
<div class="Contribution_Reward_box">
<div class="left">
<span class="Contribution_Reward"></span>
<img src="./images/e_conis.png" alt="" />
</div>
<div class="right Receiveed"></div>
</div>
</div>
<div class="popup_record">
<div class="popup_content">
<div class="title Coin_Details"></div>
<div class="xian">
<img src="./images/xian.png" alt="" />
</div>
<div class="wrap_title">
<div class="Receive_Time"></div>
<div class="Coins_Receiveed"></div>
</div>
<div class="wrap_list">
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
<div class="wrap_box">
<div class="time">2025-08-08 21:00:00</div>
<div class="num">8800</div>
</div>
</div>
<div class="close_btn">
<img src="./images/close_btn.png" alt="" />
</div>
</div>
</div>
<div class="popup_receiveed">
<div class="popup_content">
<div class="title Receive_Successful"></div>
<div class="You_Receiveed"></div>
<div class="num">
<div class="">111</div>
<img src="./images/e_conis_big.png" alt="" />
</div>
<div class="xian">
<img src="./images/xian.png" alt="" />
</div>
<div class="Go_wallet"></div>
<div class="OK_btn"></div>
</div>
</div>
</body>
</html>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/tr.js"></script>
<script src="./local/br.js"></script>
<script src="../../common/local/langHandler.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/roomDayReward.js?v=1.0"></script>