房间日流水 - 初始化

view/eparty/modules/room_rank/css/index.css

@@ -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;

view/eparty/modules/room_rank/css/index.scss

@@ -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{

view/eparty/modules/room_rank/css/roomDayReward.css

@@ -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%;
+}

view/eparty/modules/room_rank/css/roomDayReward.scss

@@ -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%;
+    }
+}

view/eparty/modules/room_rank/index.html

@@ -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">

view/eparty/modules/room_rank/js/index.js

@@ -244,4 +244,18 @@ $('.largestBox').on('click', 'ul li .tx', function () {
             window.androidJsObj.openPersonPage(uid);
         }
     }
+})
+// 跳转房间日流水
+$('.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内打开')
+        }
 })

view/eparty/modules/room_rank/js/roomDayReward.js

@@ -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();
+})

view/eparty/modules/room_rank/local/ar.js

@@ -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:'حسنًا',
+
     }
 }

view/eparty/modules/room_rank/local/br.js

@@ -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',
+
     }
 }

view/eparty/modules/room_rank/local/en.js

@@ -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',
+
     }
 }

view/eparty/modules/room_rank/local/tr.js

@@ -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',
+
     }
 }

view/eparty/modules/room_rank/local/zh.js

@@ -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:'好的',
     }
 }

view/eparty/modules/room_rank/roomDayReward.html

@@ -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>