寻宝活动页面接入接口

view/molistar/activity/adventureTreasureHunt/css/index.css

@@ -63,6 +63,7 @@ body {
   right: 0;
   top: 7.8666666667rem;
   padding: 0 0.0933333333rem 0 0.4rem;
+  z-index: 99;
 }
 .header .Record {
   height: 0.7733333333rem;
@@ -241,7 +242,7 @@ body {
   font-size: 0.3733333333rem;
   color: #FFFCD0;
   padding: 0.1866666667rem 0.3466666667rem;
-  margin: 0 2.2666666667rem;
+  margin: 0 2rem;
   text-align: center;
 }
 .adventureTask .content .recharge {
@@ -256,7 +257,7 @@ body {
   border-radius: 50%;
 }
 .adventureTask .content .recharge .data_box {
-  margin-left: 0.24rem;
+  margin: 0 0.24rem;
 }
 .adventureTask .content .recharge .data_box .txt {
   font-family: PingFang SC;
@@ -270,6 +271,7 @@ body {
 .adventureTask .content .recharge .data_box .txt .Weekly_num {
   color: #FFFFFF;
   font-weight: 600;
+  margin: 0 0.0533333333rem;
 }
 .adventureTask .content .recharge .data_box .txt img {
   width: 0.36rem;
@@ -357,12 +359,16 @@ body {
   padding: 0 0.6666666667rem;
   margin: 0.3466666667rem 0.1333333333rem 0;
 }
+.adventureTask .content .task_list .wrap .wrap_box .left {
+  flex: 1;
+}
 .adventureTask .content .task_list .wrap .wrap_box .left .title {
   font-family: PingFang SC;
   font-weight: 600;
   font-size: 0.3733333333rem;
   color: #FFFCD0;
   margin-top: 0;
+  text-align: left;
 }
 .adventureTask .content .task_list .wrap .wrap_box .left .progress_container {
   width: 100%;
@@ -386,9 +392,17 @@ body {
   transition: width 0.5s;
   /* 平滑过渡效果 */
 }
+.adventureTask .content .task_list .wrap .wrap_box .left .process {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.32rem;
+  color: #FFFCD0;
+  margin-top: 0.1333333333rem;
+}
 .adventureTask .content .task_list .wrap .wrap_box .right {
-  margin-left: auto;
   text-align: center;
+  flex: 0.3;
+  margin-left: 0.2666666667rem;
 }
 .adventureTask .content .task_list .wrap .wrap_box .right .num {
   font-family: PingFang SC;
@@ -423,3 +437,608 @@ body {
   background-image: url("../images/content_bg.png");
   background-size: 100% 100%;
 }
+.adventureRanking .content .rank_list {
+  padding: 0.0133333333rem;
+}
+.adventureRanking .content .rank_list .rank_box {
+  background-image: url("../images/qiansan_bg.png");
+  background-size: 100% 100%;
+  padding: 0.6666666667rem 0.5333333333rem;
+  margin: 0.2666666667rem 0.4rem 0;
+}
+.adventureRanking .content .rank_list .rank_box .info {
+  display: flex;
+  align-items: center;
+}
+.adventureRanking .content .rank_list .rank_box .info .rank {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4266666667rem;
+  color: #2D2A00;
+}
+.adventureRanking .content .rank_list .rank_box .info .user {
+  display: flex;
+  align-items: center;
+}
+.adventureRanking .content .rank_list .rank_box .info .user .avatar {
+  margin-right: 0.32rem;
+  margin-left: 0.3733333333rem;
+  position: relative;
+}
+.adventureRanking .content .rank_list .rank_box .info .user .avatar .touxiang {
+  width: 1.12rem;
+  height: 1.12rem;
+  border-radius: 50%;
+}
+.adventureRanking .content .rank_list .rank_box .info .user .avatar .touxiang_kuang {
+  width: 1.6266666667rem;
+  height: 1.6266666667rem;
+  position: absolute;
+  top: -0.24rem;
+  left: -0.24rem;
+}
+.adventureRanking .content .rank_list .rank_box .info .user .name .nick {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.4rem;
+  color: #2D2A00;
+}
+.adventureRanking .content .rank_list .rank_box .info .user .name .id {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #2D2A00;
+  margin-top: 0.2rem;
+}
+.adventureRanking .content .rank_list .rank_box .info .points_btn {
+  background-image: url("../images/behind.png");
+  background-size: 100% 100%;
+  min-width: 3.6rem;
+  padding: 0.32rem 0;
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.3466666667rem;
+  color: #140600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+}
+.adventureRanking .content .rank_list .rank_box .info .points_btn .Points {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.3466666667rem;
+}
+.adventureRanking .content .rank_list .rank_box .gift_box {
+  margin-top: 0.2933333333rem;
+  display: flex;
+  gap: 0.1866666667rem;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  /* 隐藏滚动条 */
+}
+.adventureRanking .content .rank_list .rank_box .gift_box::-webkit-scrollbar {
+  display: none;
+}
+.adventureRanking .content .rank_list .rank_box .gift_box .box img {
+  width: 1.2rem;
+  height: 1.2rem;
+}
+.adventureRanking .bottom {
+  background-image: url("../images/content_bottom.png");
+  background-size: 100% 100%;
+  height: 1.4666666667rem;
+  width: 100%;
+}
+
+.bottomText {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.32rem;
+  color: #FFFCD0;
+  padding: 0.48rem 0;
+  text-align: center;
+}
+
+.popup_detail {
+  display: none;
+  /* 初始状态下隐藏弹窗 */
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  /* 确保弹窗在最顶层 */
+}
+.popup_detail .popup_content {
+  background-image: url("../images/popup_bg.png");
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 9.6rem;
+  padding: 0.8rem 0 0.5333333333rem;
+  height: 9.6533333333rem;
+}
+.popup_detail .popup_content .title {
+  background-image: url("../images/task_top_bg.png");
+  background-size: 100% 100%;
+  width: 4.6933333333rem;
+  height: 1.3866666667rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4266666667rem;
+  color: #FFF784;
+  line-height: 0.48rem;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.popup_detail .popup_content .detail_list {
+  margin: 1.0666666667rem 0.8rem 0;
+  height: 8rem;
+  overflow: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  /* 隐藏滚动条 */
+}
+.popup_detail .popup_content .detail_list::-webkit-scrollbar {
+  display: none;
+}
+.popup_detail .popup_content .detail_list .detail_box {
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 0.2666666667rem;
+  padding: 0.3866666667rem 0.36rem;
+  display: flex;
+  align-items: center;
+  margin-top: 0.4rem;
+  position: relative;
+}
+.popup_detail .popup_content .detail_list .detail_box .Kimlik {
+  background: linear-gradient(0deg, #F08810, #FFEB3D);
+  border-radius: 0.2133333333rem;
+  border: 0.0266666667rem solid #FFFFFF;
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.32rem;
+  color: #140600;
+  padding: 0.0933333333rem 0.24rem;
+  position: absolute;
+  top: -0.2666666667rem;
+  right: 0.2666666667rem;
+  display: none;
+}
+.popup_detail .popup_content .detail_list .detail_box .left .title_desc {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.3733333333rem;
+  color: #FFFCD0;
+}
+.popup_detail .popup_content .detail_list .detail_box .left .time {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.32rem;
+  color: #FFFCD0;
+  opacity: 0.6;
+  margin-top: 0.2133333333rem;
+}
+.popup_detail .popup_content .detail_list .detail_box .right {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.48rem;
+  color: #FFFFFF;
+  margin-left: auto;
+}
+.popup_detail .popup_content .detail_list .detail_box .right .Points {
+  font-size: 0.3466666667rem;
+  color: #FFFCD0;
+}
+.popup_detail .popup_content .close_btn {
+  position: absolute;
+  top: -6%;
+  right: 2%;
+}
+.popup_detail .popup_content .close_btn img {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+.popup_record {
+  display: none;
+  /* 初始状态下隐藏弹窗 */
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  /* 确保弹窗在最顶层 */
+}
+.popup_record .popup_content {
+  background-image: url("../images/popup_bg.png");
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 9.6rem;
+  padding: 0.8rem 0 0.5333333333rem;
+  height: 9.6533333333rem;
+}
+.popup_record .popup_content .title {
+  background-image: url("../images/task_top_bg.png");
+  background-size: 100% 100%;
+  width: 4.6933333333rem;
+  height: 1.3866666667rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4266666667rem;
+  color: #FFF784;
+  line-height: 0.48rem;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.popup_record .popup_content .record_tab {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.8rem;
+  margin-top: 1.0666666667rem;
+}
+.popup_record .popup_content .record_tab div {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #FFFCD0;
+  opacity: 0.6;
+}
+.popup_record .popup_content .record_tab .active {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.4rem;
+  opacity: 1;
+}
+.popup_record .popup_content .detail_list {
+  margin: 0.4533333333rem 0.8rem 0;
+  height: 6.9333333333rem;
+  overflow: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  /* 隐藏滚动条 */
+}
+.popup_record .popup_content .detail_list::-webkit-scrollbar {
+  display: none;
+}
+.popup_record .popup_content .detail_list .detail_box {
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 0.2666666667rem;
+  padding: 0.3866666667rem 0.36rem;
+  display: flex;
+  align-items: center;
+  margin-top: 0.2666666667rem;
+}
+.popup_record .popup_content .detail_list .detail_box .right {
+  margin: 0 0.2133333333rem;
+}
+.popup_record .popup_content .detail_list .detail_box .right .title_desc {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #FFFCD0;
+}
+.popup_record .popup_content .detail_list .detail_box .right .time {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.32rem;
+  color: #FFFCD0;
+  opacity: 0.6;
+  margin-top: 0.2133333333rem;
+}
+.popup_record .popup_content .detail_list .detail_box .left img {
+  width: 1.0933333333rem;
+  height: 1.0933333333rem;
+  border-radius: 50%;
+}
+.popup_record .popup_content .close_btn {
+  position: absolute;
+  top: -6%;
+  right: 2%;
+}
+.popup_record .popup_content .close_btn img {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+.popup_rlues {
+  display: none;
+  /* 初始状态下隐藏弹窗 */
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  /* 确保弹窗在最顶层 */
+}
+.popup_rlues .popup_content {
+  background-image: url("../images/popup_bg.png");
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 9.6rem;
+  padding: 0.8rem 0 0.5333333333rem;
+  height: 9.6533333333rem;
+}
+.popup_rlues .popup_content .title {
+  background-image: url("../images/task_top_bg.png");
+  background-size: 100% 100%;
+  width: 4.6933333333rem;
+  height: 1.3866666667rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4266666667rem;
+  color: #FFF784;
+  line-height: 0.48rem;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.popup_rlues .popup_content .rules_txt {
+  margin: 1.3333333333rem 1.0666666667rem 0;
+}
+.popup_rlues .popup_content .rules_txt p {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #FFFCD0;
+  line-height: 0.56rem;
+}
+.popup_rlues .popup_content .close_btn {
+  position: absolute;
+  top: -6%;
+  right: 2%;
+}
+.popup_rlues .popup_content .close_btn img {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+.popup_treasure {
+  display: none;
+  /* 初始状态下隐藏弹窗 */
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+  /* 确保弹窗在最顶层 */
+}
+.popup_treasure .popup_content {
+  background-image: url("../images/popup_bg.png");
+  background-size: 100% 100%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 9.6rem;
+  padding: 0.8rem 0 0.5333333333rem;
+  height: 9.6533333333rem;
+}
+.popup_treasure .popup_content .title {
+  background-image: url("../images/task_top_bg.png");
+  background-size: 100% 100%;
+  width: 4.6933333333rem;
+  height: 1.3866666667rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4266666667rem;
+  color: #FFF784;
+  line-height: 0.48rem;
+  text-align: center;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.popup_treasure .popup_content .tip_txt {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.4rem;
+  color: #FFFCD0;
+  line-height: 0.48rem;
+  margin: 1.3333333333rem 0.5333333333rem 0;
+  text-align: center;
+}
+.popup_treasure .popup_content .gift_list {
+  margin: 0.56rem 1.6rem 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.32rem;
+  flex-wrap: wrap;
+  height: 6.1333333333rem;
+  overflow: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  /* 隐藏滚动条 */
+}
+.popup_treasure .popup_content .gift_list::-webkit-scrollbar {
+  display: none;
+}
+.popup_treasure .popup_content .gift_list .gift_box {
+  margin-top: 0.4rem;
+}
+.popup_treasure .popup_content .gift_list .gift_box .img_box {
+  background-image: url("../images/img_bg.png");
+  background-size: 100% 100%;
+  width: 2.6933333333rem;
+  height: 2.6933333333rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.popup_treasure .popup_content .gift_list .gift_box .img_box img {
+  width: 2.2rem;
+  height: 2.2rem;
+}
+.popup_treasure .popup_content .gift_list .gift_box .gift_name {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #FFFCD0;
+  text-align: center;
+  margin-top: 0.2666666667rem;
+}
+.popup_treasure .popup_content .close_btn {
+  position: absolute;
+  top: -6%;
+  right: 2%;
+}
+.popup_treasure .popup_content .close_btn img {
+  width: 0.8rem;
+  height: 0.8rem;
+}
+
+.my_Points {
+  background-image: url("../images/my_ph_bg.png");
+  background-size: 100% 100%;
+  padding: 0.6666666667rem 0.9333333333rem;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  box-sizing: border-box;
+  display: none;
+}
+.my_Points .info {
+  display: flex;
+  align-items: center;
+}
+.my_Points .info .rank {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-size: 0.4266666667rem;
+  color: #2D2A00;
+}
+.my_Points .info .user {
+  display: flex;
+  align-items: center;
+}
+.my_Points .info .user .avatar {
+  margin-right: 0.32rem;
+  margin-left: 0.3733333333rem;
+  position: relative;
+}
+.my_Points .info .user .avatar .touxiang {
+  width: 1.12rem;
+  height: 1.12rem;
+  border-radius: 50%;
+}
+.my_Points .info .user .name .nick {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.4rem;
+  color: #2D2A00;
+}
+.my_Points .info .user .name .id {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3733333333rem;
+  color: #2D2A00;
+  margin-top: 0.2rem;
+}
+.my_Points .info .points_btn {
+  background-image: url("../images/behind.png");
+  background-size: 100% 100%;
+  min-width: 3.6rem;
+  padding: 0.32rem 0;
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.3466666667rem;
+  color: #140600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+}
+.my_Points .info .points_btn .Points {
+  font-family: PingFang SC;
+  font-weight: 500;
+  font-size: 0.3466666667rem;
+}
+.my_Points .gift_box {
+  margin-top: 0.2933333333rem;
+  display: flex;
+  gap: 0.1866666667rem;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
+  /* 隐藏滚动条 */
+}
+.my_Points .gift_box::-webkit-scrollbar {
+  display: none;
+}
+.my_Points .gift_box .box img {
+  width: 1.2rem;
+  height: 1.2rem;
+}
+
+.bottom_height {
+  width: 100%;
+  height: 4rem;
+  display: none;
+}
+
+.arabic .adventureTask .content .task_list .wrap .wrap_box .right {
+  margin-left: 0;
+  margin-right: 0.2666666667rem;
+}
+.arabic .adventureTask .content .task_list .wrap .wrap_box .left .title {
+  text-align: right;
+}
+.arabic .adventureRanking .content .rank_list .rank_box .info .points_btn {
+  margin-right: auto;
+  margin-left: 0;
+}
+.arabic .my_Points .info .points_btn {
+  margin-right: auto;
+  margin-left: 0;
+}
+.arabic .adventureTask .content .tip_box .txt img {
+  transform: rotate(180deg);
+}
+.arabic .header {
+  background: url(../images/header-ar.png) no-repeat;
+  background-size: 100% 100%;
+}

view/molistar/activity/adventureTreasureHunt/css/index.scss

@@ -70,6 +70,7 @@ body {
         right: 0;
         top: px2rem(590);
         padding: 0 px2rem(7) 0 px2rem(30);
+        z-index: 99;
     }
 
     .Record {
@@ -283,7 +284,7 @@ body {
             font-size: px2rem(28);
             color: #FFFCD0;
             padding: px2rem(14) px2rem(26);
-            margin: 0 px2rem(170);
+            margin: 0 px2rem(150);
             text-align: center;
         }
 
@@ -300,7 +301,7 @@ body {
             }
 
             .data_box {
-                margin-left: px2rem(18);
+                margin:0 px2rem(18);
 
                 .txt {
                     font-family: PingFang SC;
@@ -314,6 +315,7 @@ body {
                     .Weekly_num {
                         color: #FFFFFF;
                         font-weight: 600;
+                        margin: 0 px2rem(4);
                     }
 
                     img {
@@ -418,12 +420,15 @@ body {
                     margin: px2rem(26) px2rem(10) 0;
 
                     .left {
+                        flex: 1;
+
                         .title {
                             font-family: PingFang SC;
                             font-weight: 600;
                             font-size: px2rem(28);
                             color: #FFFCD0;
                             margin-top: 0;
+                            text-align: left;
                         }
 
                         .progress_container {
@@ -436,6 +441,7 @@ body {
                             overflow: hidden;
                             border: px2rem(2) solid #FFEF4C;
                             margin-top: px2rem(16);
+
                             /* 隐藏溢出部分 */
                             /* 进度条本身 */
                             .progress_bar {
@@ -449,13 +455,22 @@ body {
                             }
                         }
 
+                        .process {
+                            font-family: PingFang SC;
+                            font-weight: 400;
+                            font-size: px2rem(24);
+                            color: #FFFCD0;
+                            margin-top: px2rem(10);
+                        }
 
                     }
 
 
                     .right {
-                        margin-left: auto;
+                        // margin-left: auto;
                         text-align: center;
+                        flex: 0.3;
+                        margin-left: px2rem(20);
 
                         .num {
                             font-family: PingFang SC;
@@ -498,5 +513,706 @@ body {
     .content {
         background-image: url('../images/content_bg.png');
         background-size: 100% 100%;
+
+        // padding: px2rem(30) 0;
+        .rank_list {
+            padding: px2rem(1);
+
+            .rank_box {
+                background-image: url('../images/qiansan_bg.png');
+                background-size: 100% 100%;
+                padding: px2rem(50) px2rem(40);
+                margin: px2rem(20) px2rem(30) 0;
+
+                .info {
+                    display: flex;
+                    align-items: center;
+
+                    .rank {
+                        font-family: PingFang SC;
+                        font-weight: 600;
+                        font-size: px2rem(32);
+                        color: #2D2A00;
+                    }
+
+                    .user {
+                        display: flex;
+                        align-items: center;
+
+                        .avatar {
+                            margin-right: px2rem(24);
+                            margin-left: px2rem(28);
+                            position: relative;
+
+                            .touxiang {
+                                width: px2rem(84);
+                                height: px2rem(84);
+                                border-radius: 50%;
+                            }
+
+                            .touxiang_kuang {
+                                width: px2rem(122);
+                                height: px2rem(122);
+                                position: absolute;
+                                top: px2rem(-18);
+                                left: px2rem(-18);
+                            }
+                        }
+
+                        .name {
+                            .nick {
+                                font-family: PingFang SC;
+                                font-weight: 500;
+                                font-size: px2rem(30);
+                                color: #2D2A00;
+                            }
+
+                            .id {
+                                font-family: PingFang SC;
+                                font-weight: 400;
+                                font-size: px2rem(28);
+                                color: #2D2A00;
+                                margin-top: px2rem(15);
+                            }
+                        }
+                    }
+
+                    .points_btn {
+                        background-image: url('../images/behind.png');
+                        background-size: 100% 100%;
+                        min-width: px2rem(270);
+                        padding: px2rem(24) 0;
+                        font-family: PingFang SC;
+                        font-weight: 500;
+                        font-size: px2rem(26);
+                        color: #140600;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        margin-left: auto;
+
+                        .Points {
+                            font-family: PingFang SC;
+                            font-weight: 500;
+                            font-size: px2rem(26);
+                        }
+                    }
+                }
+
+                .gift_box {
+                    margin-top: px2rem(22);
+                    display: flex;
+                    gap: px2rem(14);
+                    overflow-x: auto; // 允许横向滚动
+                    -webkit-overflow-scrolling: touch;
+                    scrollbar-width: none;
+
+                    /* 隐藏滚动条 */
+                    &::-webkit-scrollbar {
+                        display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+                    }
+
+                    .box {
+                        img {
+                            width: px2rem(90);
+                            height: px2rem(90);
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    .bottom {
+        background-image: url('../images/content_bottom.png');
+        background-size: 100% 100%;
+        height: px2rem(110);
+        width: 100%;
+    }
+}
+
+.bottomText {
+    font-family: PingFang SC;
+    font-weight: 400;
+    font-size: px2rem(24);
+    color: #FFFCD0;
+    padding: px2rem(36) 0;
+    text-align: center;
+}
+
+.popup_detail {
+    display: none;
+    /* 初始状态下隐藏弹窗 */
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 9999;
+
+    /* 确保弹窗在最顶层 */
+    .popup_content {
+        background-image: url('../images/popup_bg.png');
+        background-size: 100% 100%;
+        // margin: 0 px2rem(14);
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(720);
+        padding: px2rem(60) 0 px2rem(40);
+        height: px2rem(724);
+
+        .title {
+            background-image: url('../images/task_top_bg.png');
+            background-size: 100% 100%;
+            width: px2rem(352);
+            height: px2rem(104);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-family: PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(32);
+            color: #FFF784;
+            line-height: px2rem(36);
+            text-align: center;
+            position: absolute;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .detail_list {
+            margin: px2rem(80) px2rem(60) 0;
+            // padding-top: px2rem(80);
+            height: px2rem(600);
+            overflow: hidden;
+            overflow-y: auto; // 允许横向滚动
+            -webkit-overflow-scrolling: touch;
+            scrollbar-width: none;
+
+            /* 隐藏滚动条 */
+            &::-webkit-scrollbar {
+                display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+            }
+
+            .detail_box {
+                background: rgba(0, 0, 0, 0.5);
+                border-radius: px2rem(20);
+                padding: px2rem(29) px2rem(27);
+                display: flex;
+                align-items: center;
+                margin-top: px2rem(30);
+                position: relative;
+
+                .Kimlik {
+                    background: linear-gradient(0deg, #F08810, #FFEB3D);
+                    border-radius: px2rem(16);
+                    border: px2rem(2) solid #FFFFFF;
+                    font-family: PingFang SC;
+                    font-weight: 600;
+                    font-size: px2rem(24);
+                    color: #140600;
+                    padding: px2rem(7) px2rem(18);
+                    position: absolute;
+                    top: px2rem(-20);
+                    right: px2rem(20);
+                    display: none;
+                }
+
+                .left {
+                    .title_desc {
+                        font-family: PingFang SC;
+                        font-weight: 500;
+                        font-size: px2rem(28);
+                        color: #FFFCD0;
+                    }
+
+                    .time {
+                        font-family: PingFang SC;
+                        font-weight: 400;
+                        font-size: px2rem(24);
+                        color: #FFFCD0;
+                        opacity: 0.6;
+                        margin-top: px2rem(16);
+                    }
+                }
+
+                .right {
+                    font-family: PingFang SC;
+                    font-weight: 500;
+                    font-size: px2rem(36);
+                    color: #FFFFFF;
+                    margin-left: auto;
+
+                    .Points {
+                        font-size: px2rem(26);
+                        color: #FFFCD0;
+                    }
+                }
+            }
+        }
+
+        .close_btn {
+            position: absolute;
+            top: -6%;
+            right: 2%;
+
+            img {
+                width: px2rem(60);
+                height: px2rem(60);
+            }
+        }
+    }
+}
+
+.popup_record {
+    display: none;
+    /* 初始状态下隐藏弹窗 */
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 9999;
+
+    /* 确保弹窗在最顶层 */
+    .popup_content {
+        background-image: url('../images/popup_bg.png');
+        background-size: 100% 100%;
+        // margin: 0 px2rem(14);
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(720);
+        padding: px2rem(60) 0 px2rem(40);
+        height: px2rem(724);
+
+        .title {
+            background-image: url('../images/task_top_bg.png');
+            background-size: 100% 100%;
+            width: px2rem(352);
+            height: px2rem(104);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-family: PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(32);
+            color: #FFF784;
+            line-height: px2rem(36);
+            text-align: center;
+            position: absolute;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .record_tab {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: px2rem(60);
+            margin-top: px2rem(80);
+
+            div {
+                font-family: PingFang SC;
+                font-weight: 400;
+                font-size: px2rem(28);
+                color: #FFFCD0;
+                opacity: 0.6;
+            }
+
+            .active {
+                font-family: PingFang SC;
+                font-weight: 500;
+                font-size: px2rem(30);
+                opacity: 1;
+            }
+        }
+
+        .detail_list {
+            margin: px2rem(34) px2rem(60) 0;
+            // padding-top: px2rem(80);
+            height: px2rem(520);
+            overflow: hidden;
+            overflow-y: auto; // 允许横向滚动
+            -webkit-overflow-scrolling: touch;
+            scrollbar-width: none;
+
+            /* 隐藏滚动条 */
+            &::-webkit-scrollbar {
+                display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+            }
+
+            .detail_box {
+                background: rgba(0, 0, 0, 0.5);
+                border-radius: px2rem(20);
+                padding: px2rem(29) px2rem(27);
+                display: flex;
+                align-items: center;
+                margin-top: px2rem(20);
+
+                .right {
+                    margin: 0 px2rem(16);
+
+                    .title_desc {
+                        font-family: PingFang SC;
+                        font-weight: 400;
+                        font-size: px2rem(28);
+                        color: #FFFCD0;
+                    }
+
+                    .time {
+                        font-family: PingFang SC;
+                        font-weight: 400;
+                        font-size: px2rem(24);
+                        color: #FFFCD0;
+                        opacity: 0.6;
+                        margin-top: px2rem(16);
+                    }
+                }
+
+                .left {
+                    img {
+                        width: px2rem(82);
+                        height: px2rem(82);
+                        border-radius: 50%;
+                    }
+                }
+            }
+        }
+
+        .close_btn {
+            position: absolute;
+            top: -6%;
+            right: 2%;
+
+            img {
+                width: px2rem(60);
+                height: px2rem(60);
+            }
+        }
+    }
+}
+
+.popup_rlues {
+    display: none;
+    /* 初始状态下隐藏弹窗 */
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 9999;
+
+    /* 确保弹窗在最顶层 */
+    .popup_content {
+        background-image: url('../images/popup_bg.png');
+        background-size: 100% 100%;
+        // margin: 0 px2rem(14);
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(720);
+        padding: px2rem(60) 0 px2rem(40);
+        height: px2rem(724);
+
+        .title {
+            background-image: url('../images/task_top_bg.png');
+            background-size: 100% 100%;
+            width: px2rem(352);
+            height: px2rem(104);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-family: PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(32);
+            color: #FFF784;
+            line-height: px2rem(36);
+            text-align: center;
+            position: absolute;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .rules_txt {
+            margin: px2rem(100) px2rem(80) 0;
+
+            p {
+                font-family: PingFang SC;
+                font-weight: 400;
+                font-size: px2rem(28);
+                color: #FFFCD0;
+                line-height: px2rem(42);
+            }
+        }
+
+
+        .close_btn {
+            position: absolute;
+            top: -6%;
+            right: 2%;
+
+            img {
+                width: px2rem(60);
+                height: px2rem(60);
+            }
+        }
+    }
+}
+
+.popup_treasure {
+    display: none;
+    /* 初始状态下隐藏弹窗 */
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 9999;
+
+    /* 确保弹窗在最顶层 */
+    .popup_content {
+        background-image: url('../images/popup_bg.png');
+        background-size: 100% 100%;
+        // margin: 0 px2rem(14);
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: px2rem(720);
+        padding: px2rem(60) 0 px2rem(40);
+        height: px2rem(724);
+
+        .title {
+            background-image: url('../images/task_top_bg.png');
+            background-size: 100% 100%;
+            width: px2rem(352);
+            height: px2rem(104);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-family: PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(32);
+            color: #FFF784;
+            line-height: px2rem(36);
+            text-align: center;
+            position: absolute;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .tip_txt {
+            font-family: PingFang SC;
+            font-weight: 500;
+            font-size: px2rem(30);
+            color: #FFFCD0;
+            line-height: px2rem(36);
+            margin: px2rem(100) px2rem(40) 0;
+            text-align: center;
+        }
+
+        .gift_list {
+            margin: px2rem(42) px2rem(120) 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: px2rem(24);
+            flex-wrap: wrap;
+            height: px2rem(460);
+            overflow: hidden;
+            overflow-y: auto; // 允许横向滚动
+            -webkit-overflow-scrolling: touch;
+            scrollbar-width: none;
+
+            /* 隐藏滚动条 */
+            &::-webkit-scrollbar {
+                display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+            }
+
+            .gift_box {
+                margin-top: px2rem(30);
+
+                .img_box {
+                    background-image: url('../images/img_bg.png');
+                    background-size: 100% 100%;
+                    width: px2rem(202);
+                    height: px2rem(202);
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+
+                    img {
+                        width: px2rem(165);
+                        height: px2rem(165);
+                    }
+                }
+
+                .gift_name {
+                    font-family: PingFang SC;
+                    font-weight: 400;
+                    font-size: px2rem(28);
+                    color: #FFFCD0;
+                    text-align: center;
+                    margin-top: px2rem(20);
+                }
+            }
+        }
+
+        .close_btn {
+            position: absolute;
+            top: -6%;
+            right: 2%;
+
+            img {
+                width: px2rem(60);
+                height: px2rem(60);
+            }
+        }
+    }
+}
+
+.my_Points {
+    background-image: url('../images/my_ph_bg.png');
+    background-size: 100% 100%;
+    padding: px2rem(50) px2rem(70);
+    // margin: px2rem(20) px2rem(30) 0;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    box-sizing: border-box;
+    display: none;
+
+    .info {
+        display: flex;
+        align-items: center;
+
+        .rank {
+            font-family: PingFang SC;
+            font-weight: 600;
+            font-size: px2rem(32);
+            color: #2D2A00;
+        }
+
+        .user {
+            display: flex;
+            align-items: center;
+
+            .avatar {
+                margin-right: px2rem(24);
+                margin-left: px2rem(28);
+                position: relative;
+
+                .touxiang {
+                    width: px2rem(84);
+                    height: px2rem(84);
+                    border-radius: 50%;
+                }
+
+            }
+
+            .name {
+                .nick {
+                    font-family: PingFang SC;
+                    font-weight: 500;
+                    font-size: px2rem(30);
+                    color: #2D2A00;
+                }
+
+                .id {
+                    font-family: PingFang SC;
+                    font-weight: 400;
+                    font-size: px2rem(28);
+                    color: #2D2A00;
+                    margin-top: px2rem(15);
+                }
+            }
+        }
+
+        .points_btn {
+            background-image: url('../images/behind.png');
+            background-size: 100% 100%;
+            min-width: px2rem(270);
+            padding: px2rem(24) 0;
+            font-family: PingFang SC;
+            font-weight: 500;
+            font-size: px2rem(26);
+            color: #140600;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-left: auto;
+
+            .Points {
+                font-family: PingFang SC;
+                font-weight: 500;
+                font-size: px2rem(26);
+            }
+        }
+    }
+
+    .gift_box {
+        margin-top: px2rem(22);
+        display: flex;
+        gap: px2rem(14);
+        overflow-x: auto; // 允许横向滚动
+        -webkit-overflow-scrolling: touch;
+        scrollbar-width: none;
+
+        /* 隐藏滚动条 */
+        &::-webkit-scrollbar {
+            display: none; // 隐藏 Webkit 浏览器（如 iOS、Chrome）滚动条
+        }
+
+        .box {
+            img {
+                width: px2rem(90);
+                height: px2rem(90);
+            }
+        }
+    }
+
+}
+
+.bottom_height {
+    width: 100%;
+    height: px2rem(300);
+    display: none;
+}
+
+.arabic{
+    .adventureTask .content .task_list .wrap .wrap_box .right{
+        margin-left: 0;
+        margin-right: px2rem(20);
+    }
+    .adventureTask .content .task_list .wrap .wrap_box .left .title{
+        text-align: right;
+    }
+    .adventureRanking .content .rank_list .rank_box .info .points_btn{
+        margin-right: auto;
+        margin-left: 0;
+    }
+    .my_Points .info .points_btn{
+        margin-right: auto;
+        margin-left: 0;
+    }
+    .adventureTask .content .tip_box .txt img{
+        transform: rotate(180deg);
+    }
+    .header{
+        background: url(../images/header-ar.png) no-repeat;
+        background-size: 100% 100%;
     }
 }

view/molistar/activity/adventureTreasureHunt/index.html

@@ -26,21 +26,21 @@
       </div>
       <div class="bx_img"><img src="./images/baoxiang.png" alt="" /></div>
       <div class="Lottery_button">
-        <div class="once">
+        <div class="once" batch="false">
           <p class="title Bet1">1 Bet</p>
           <p class="txt Need100">Need 100 points</p>
         </div>
-        <div class="Ten_times">
+        <div class="Ten_times" batch="true">
           <p class="title Bet10">1 Bet</p>
           <p class="txt Need1000">Need 100 points</p>
         </div>
       </div>
       <div class="tip_title">
-        <div class="title">
+        <div class="title Earn_explore">
           Earn points by participating, treasures are waiting for you to
           explore!
         </div>
-        <div class="txt">
+        <div class="txt Join_complete">
           Join this adventure full of unknowns, and accumulate adventure points
           for each task you complete!
         </div>
@@ -73,7 +73,7 @@
         </div>
         <div class="tip_box">
           <div class="txt">
-            <span class="Points_week"></span><span class="num">888</span>
+            <span class="Points_week"></span><span class="num weekScore">888</span>
             <img src="./images/arrow_right.png" alt="" />
           </div>
           <div class="Points_mission"></div>
@@ -88,21 +88,7 @@
             <span class="Link_Points"></span>
             <span class="num">+30%</span>
           </div>
-          <div class="wrap">
-            <div class="wrap_box">
-              <div class="left">
-                <div class="title">First recharge per week</div>
-                <div class="progress_container">
-                    <div class="progress_bar"></div>
-                  </div>
-                  <div class=""></div>
-              </div>
-              <div class="right">
-                <div class="num">+100</div>
-                <div class="Points">Points</div>
-              </div>
-            </div>
-          </div>
+          <div class="wrap"></div>
         </div>
       </div>
       <div class="bottom"></div>
@@ -110,8 +96,199 @@
     <!-- 冒险排行 -->
     <div class="adventureRanking">
       <div class="top"></div>
-      <div class="content"></div>
+      <div class="content">
+        <div class="rank_list">
+            <div class="rank_box">
+                <div class="info">
+                    <div class="rank">1</div>
+                    <div class="user">
+                        <div class="avatar">
+                            <img src="./images/logo.png" alt="" class="touxiang">
+                            <img src="./images/touxiang_kuang.png" alt="" class="touxiang_kuang">
+                        </div>
+                        <div class="name">
+                            <div class="nick">Username</div>
+                            <div class="id">ID：123</div>
+                        </div>
+                    </div>
+                    <div class="points_btn">
+                        <span class="Points"></span>:11.11k
+                    </div>
+                </div>
+                <div class="gift_box">
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="box">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                </div>
+            </div>
+
+        </div>
+      </div>
+      <div class="bottom"></div>
     </div>
+    <div class="bottomText"></div>
+
+    <div class="bottom_height"></div>
+    <div class="my_Points">
+        <div class="info">
+            <div class="rank">1</div>
+            <div class="user">
+                <div class="avatar">
+                    <img src="./images/logo.png" alt="" class="touxiang">
+                </div>
+                <div class="name">
+                    <div class="nick">Username</div>
+                    <div class="id">ID：123</div>
+                </div>
+            </div>
+            <div class="points_btn">
+                <span class="Points"></span>:11.11k
+            </div>
+        </div>
+        <div class="gift_box">
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+            <div class="box">
+                <img src="./images/logo.png" alt="">
+            </div>
+        </div>
+    </div>
+
+    <div class="popup_detail">
+        <div class="popup_content">
+          <div class="title Points_details">Points details</div>
+            
+            <div class="detail_list"></div>
+
+          <div class="close_btn">
+            <img src="./images/close_btn.png" alt="" />
+          </div>
+        </div>
+      </div>
+
+
+      <div class="popup_record">
+        <div class="popup_content">
+          <div class="title My_Record">My Record</div>
+            <div class="record_tab">
+                <div class="This_week active"></div>
+                <div class="Last_week"></div>
+            </div>
+            <div class="detail_list">
+                <div class="detail_box">
+                    <div class="left">
+                        <img src="./images/logo.png" alt="">
+                    </div>
+                    <div class="right">
+                        <div class="title_desc">First recharge per week</div>
+                        <div class="time">2025-01-01 00:00:00</div>
+                    </div>
+                </div>
+                
+            </div>
+
+          <div class="close_btn">
+            <img src="./images/close_btn.png" alt="" />
+          </div>
+        </div>
+      </div>
+
+
+      <div class="popup_rlues">
+        <div class="popup_content">
+          <div class="title Rules">Rules</div>
+            <div class="rules_txt"></div>
+          <div class="close_btn">
+            <img src="./images/close_btn.png" alt="" />
+          </div>
+        </div>
+      </div>
+
+      <div class="popup_treasure">
+        <div class="popup_content">
+          <div class="title Treasure">You Treasure</div>
+          <div class="tip_txt ">
+             <span class="Treasure_txt">Your treasure has been placed in your corresponding bag!</span>
+             <span class="Treasure_txt2"></span>
+        </div>
+        <div class="gift_list">
+            <div class="gift_box">
+                <div class="img_box">
+                <img src="./images/logo.png" alt="">
+                </div>
+                <div class="gift_name">头饰*12Days</div>
+            </div>
+            <div class="gift_box">
+                <div class="img_box">
+                <img src="./images/logo.png" alt="">
+                </div>
+                <div class="gift_name">头饰*12Days</div>
+            </div>
+            <div class="gift_box">
+                <div class="img_box">
+                <img src="./images/logo.png" alt="">
+                </div>
+                <div class="gift_name">头饰*12Days</div>
+            </div>
+            <div class="gift_box">
+                <div class="img_box">
+                <img src="./images/logo.png" alt="">
+                </div>
+                <div class="gift_name">头饰*12Days</div>
+            </div>
+        </div>
+          <div class="close_btn">
+            <img src="./images/close_btn.png" alt="" />
+          </div>
+        </div>
+      </div>
+
   </body>
 </html>
 <script src="../../common/js/flexible.js"></script>

view/molistar/activity/adventureTreasureHunt/js/index.js

@@ -43,12 +43,12 @@ const initDanmu = () => {
     setDanmuData();
 }
 const setDanmuData = () => {
-    damuPool = [
-        { avatar: './images/logo.png', bless: '我把思念写着天空', },
-        { avatar: './images/logo.png', bless: '我想永远陪着你', },
-        { avatar: './images/logo.png', bless: '我爱你我爱你甜蜜蜜', },
-        { avatar: './images/logo.png', bless: 'asdawdasdasdas', },
-    ]
+    // damuPool = [
+    //     { avatar: './images/logo.png', bless: '我把思念写着天空', },
+    //     { avatar: './images/logo.png', bless: '我想永远陪着你', },
+    //     { avatar: './images/logo.png', bless: '我爱你我爱你甜蜜蜜', },
+    //     { avatar: './images/logo.png', bless: 'asdawdasdasdas', },
+    // ]
     if (!timer2) {
         timer2 = setInterval(() => {
             if (!danmu.length) {
@@ -78,6 +78,7 @@ const renderDM = (item) => {
         },
     })
 }
+var countupTime;//倒计时容器
 var page = 0;
 var maxPage = 0;
 var arr = [];
@@ -109,10 +110,10 @@ $(function () {
         langReplace = window.lang.replace;
         localLang = window.lang;
         translateFun();
-        initDanmu();
-        updateProgress(1,2)
+        // initDanmu();
         // blessGetConfig();
         // questionConfig();
+        getData();
     }, 100)
 })
 function translateFun() {
@@ -127,7 +128,7 @@ function translateFun() {
     $('.Need100').html(langReplace(localLang.demoModule.Need100));
     $('.Adventure_Task').html(langReplace(localLang.demoModule.Adventure_Task));
     $('.Adventure_Ranking').html(langReplace(localLang.demoModule.Adventure_Ranking));
-    $('.Reset_time').html(langReplace(localLang.demoModule.Reset_time));
+
     $('.Today_recharge').html(langReplace(localLang.demoModule.Today_recharge));
     $('.Weekly_recharge').html(langReplace(localLang.demoModule.Weekly_recharge));
     $('.Points_week').html(langReplace(localLang.demoModule.Points_week));
@@ -135,45 +136,89 @@ function translateFun() {
     $('.Points').html(langReplace(localLang.demoModule.Points));
     $('.Recharge_recharge').html(langReplace(localLang.demoModule.Recharge_recharge));
     $('.Link_Points').html(langReplace(localLang.demoModule.Link_Points));
+    if (browser.ios) {
+        $('.bottomText').text(langReplace(localLang.demoModule.bottom_textios))
+    } else {
+        $('.bottomText').text(langReplace(localLang.demoModule.bottom_text))
+    }
+    $('.Points_details').text(langReplace(localLang.demoModule.Points_details))
+    $('.This_week').text(langReplace(localLang.demoModule.This_week))
+    $('.Last_week').text(langReplace(localLang.demoModule.Last_week))
+    $('.rules_txt').html(langReplace(localLang.demoModule.rules_txt))
+    $('.Treasure').html(langReplace(localLang.demoModule.Treasure))
+    $('.Treasure_txt').html(langReplace(localLang.demoModule.Treasure_txt))
+    $('.Treasure_txt2').html(langReplace(localLang.demoModule.Treasure_txt2))
+    $('.Adventurers_gather').html(langReplace(localLang.demoModule.Adventurers_gather))
+    $('.Earn_explore').html(langReplace(localLang.demoModule.Earn_explore))
+    $('.Join_complete').html(langReplace(localLang.demoModule.Join_complete))
 
 }
 // 页面1tab切换
 $('.tab_list div').click(function () {
     var i = $(this).index() + 1;
     $(this).addClass('acitve').siblings().removeClass('acitve');
-    $(`.adventureTask,.adventureRanking`).hide();
-    if  (i == 1) {
+    $(`.adventureTask,.adventureRanking,.bottom_height,.my_Points`).hide();
+    if (i == 1) {
         $(`.adventureTask`).show();
     } else {
-        $(`.adventureRanking`).show();
+        $(`.adventureRanking,.bottom_height,.my_Points`).show();
+        getlistRank()
+    }
+})
+
+// 中奖记录tab切换
+$('.record_tab div').click(function () {
+    var i = $(this).index() + 1;
+    $(this).addClass('active').siblings().removeClass('active');
+    // if(i == 1){}
+    if (i == 1) {
+        renderinglistDrawRecord(false)
+    } else {
+        renderinglistDrawRecord(true)
     }
 })
 
 // 更新进度条函数
-function updateProgress(value,maxValue) {
+function updateProgress($progressBar, value, maxValue) {
     // 计算进度百分比
     const percentage = (value / maxValue) * 100;
 
     // 更新进度条宽度
-    // $('.progress-bar').style.width = `${percentage}%`;
-    $('.progress_bar').css('width', `${percentage}%`);
-    
-    // = `${percentage}%`;
-    
-    // 更新文本内容
-    // progressText.textContent = `${value}/${maxValue}`;
-  }
-
-// 弹幕接口
-function blessGetConfig() {
+    $progressBar.css('width', `${percentage}%`);
+}
+// 积分排行榜
+function getlistRank() {
     showLoading()
     networkRequest({
         type: 'get',
-        url: urlPrefix + '/act/2025Ramadan/bless/getConfig',
+        url: urlPrefix + '/chargeTreasure/listRank',
         success(res) {
             if (res.code === 200) {
-                damuPool = res.data.blessQueue;
-                initDanmu();
+                $('.adventureRanking .content .rank_list .rank_box').remove()
+                let str = ''
+                res.data.forEach((item, index) => {
+                    str += `
+                    <div class="rank_box" style="${index > 2 ? 'background-image:url(./images/housi_bg.png)' : 'background-image:url(./images/qiansan_bg.png)'}">
+                <div class="info">
+                    <div class="rank">${item.ranking}</div>
+                    <div class="user">
+                        <div class="avatar">
+                            <img src="${item.avatar}" alt="" class="touxiang">
+                            <img src="./images/touxiang_kuang.png" alt="" class="touxiang_kuang" style="${index > 2 ? 'display:none;' : ''}">
+                        </div>
+                        <div class="name">
+                            <div class="nick">${item.nick}</div>
+                            <div class="id">ID：${item.erbanNo}</div>
+                        </div>
+                    </div>
+                    <div class="points_btn" style="${index == 0 ? 'display:none;' : ''}">
+                        <span class="Points">${langReplace(localLang.demoModule.Behind)}</span>:${unitProcessingAr(item.beHideScore, 2)}
+                    </div>
+                </div>
+                </div>
+                `
+                })
+                $('.adventureRanking .content .rank_list').append(str)
             } else {
                 toastMsg(res.message)
             }
@@ -185,3 +230,262 @@ function blessGetConfig() {
         }
     })
 }
+function getData() {
+
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/chargeTreasure/homePage',
+        success(res) {
+            if (res.code === 200) {
+                if (res.data.countDownSecond > 0) {
+                    countup(res.data.countDownSecond);
+                }
+                $('.Today_num').text(res.data.todayChargeGoldNum)
+                $('.Weekly_num').text(res.data.weekChargeGoldNum)
+                $('.adventureTask .content .recharge .avatar').attr('src', res.data.user.avatar)
+                $('.weekScore').text(res.data.weekScore)
+
+                renderingTask(res.data.taskList)
+
+                damuPool = res.data.popUpList;
+                initDanmu();
+
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 渲染任务列表
+function renderingTask(data) {
+    let taskStr = ''
+    data.forEach((item, index) => {
+        taskStr += `
+            <div class="wrap_box">
+              <div class="left">
+                <div class="title">${item.desc}</div>
+                <div class="progress_container">
+                    <div class="progress_bar" data-index="${index}"></div>
+                  </div>
+                  <div class="process"> ${item.process + '/' + item.need} </div>
+              </div>
+              <div class="right">
+                <div class="num">+${item.score}</div>
+                <div class="Points">Points</div>
+              </div>
+            </div>
+        `
+        // updateProgress(item.process,item.need)
+    })
+    $('.task_list .wrap').append(taskStr)
+    // 再次遍历，单独更新每个进度条
+    data.forEach((item, index) => {
+        const $progressBar = $(`.task_list .wrap .progress_bar[data-index='${index}']`);
+        if ($progressBar.length > 0) {
+            updateProgress($progressBar, item.process, item.need);
+        }
+    });
+}
+// 我的点数明细
+function renderinglistScoreRecord() {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/chargeTreasure/listScoreRecord',
+        success(res) {
+            if (res.code === 200) {
+                $('.popup_detail .popup_content .detail_list .detail_box').remove();
+                let str = ''
+                res.data.forEach((item, index) => {
+                    str += `
+                    <div class="detail_box">
+                    <div class="Kimlik" style="display:${item.type == 2 ? 'block' : 'none'}">${langReplace(localLang.demoModule.Points)}+30%</div>
+                        <div class="left">
+                            <div class="title_desc"></div>
+                            <div class="time">${item.createTime}</div>
+                        </div>
+                        <div class="right"> <span class="Points">${langReplace(localLang.demoModule.Points)}</span>+${item.score}</div>
+                    </div>
+                `
+                })
+                $('.popup_detail .popup_content .detail_list').append(str)
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 抽奖
+function treasureHunt(batch) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/chargeTreasure/draw',
+        data: {
+            batch
+        },
+        success(res) {
+            if (res.code === 200) {
+                let str = ''
+                res.data.forEach((item,index)=>{
+                    
+                })
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 我的中奖记录
+function renderinglistDrawRecord(lastWeek) {
+    showLoading()
+    networkRequest({
+        type: 'get',
+        url: urlPrefix + '/chargeTreasure/listDrawRecord',
+        data: {
+            lastWeek
+        },
+        success(res) {
+            if (res.code === 200) {
+                $('.popup_record .popup_content .detail_list .detail_box').remove()
+                let str = ''
+                res.data.forEach((item, index) => {
+                    str += `
+                        <div class="detail_box">
+                            <div class="left">
+                                <img src="./images/logo.png" alt="">
+                            </div>
+                            <div class="right">
+                                <div class="title_desc">First recharge per week</div>
+                                <div class="time">2025-01-01 00:00:00</div>
+                            </div>
+                        </div>
+                    `
+                })
+                // $('.popup_record .popup_content .detail_list').append(str)
+            } else {
+                toastMsg(res.message)
+            }
+            hideLoading(layerIndex)
+        },
+        error(err) {
+            hideLoading(layerIndex)
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
+        }
+    })
+}
+// 点击抽奖
+$('.Lottery_button div').click(function () {
+    let batch = $(this).attr('batch')
+    treasureHunt(batch)
+})
+
+// 打开规则
+$('.header .rule').click(function () {
+    $('.popup_rlues').show()
+})
+// 关闭规则
+$('.popup_rlues .close_btn').click(function () {
+    $('.popup_rlues').hide()
+})
+// 打开中奖记录
+$('.header .Record').click(function () {
+    renderinglistDrawRecord(false)
+    $('.popup_record').show()
+})
+// 关闭中奖记录
+$('.popup_record .close_btn').click(function () {
+    $('.popup_record').hide()
+})
+// 打开点数详情
+$('.adventureTask .content .tip_box .txt').click(function () {
+    renderinglistScoreRecord();
+    $('.popup_detail').show()
+})
+// 关闭点数详情
+$('.popup_detail .close_btn').click(function () {
+    $('.popup_detail').hide()
+})
+// 关闭中奖弹窗
+$('.popup_treasure .close_btn').click(function () {
+    $('.popup_treasure').hide()
+})
+// 倒計時
+function countup(leftTime) {
+    clearTimeout(countupTime)
+    //獲取當前時間
+    // var now = nowTime;
+    var d = 0;
+    var h = 0;
+    var m = 0;
+    var s = 0;
+    //定義變數 d,h,m,s保存倒計時的時間
+    var d, h, m, s;
+    //遞歸每秒調⽤countTime⽅法，顯⽰動態時間效果 
+    if (leftTime > 0) {
+        d = Math.floor(leftTime / 60 / 60 / 24);
+        h = getzf(Math.floor(leftTime / 60 / 60 % 24));
+        m = getzf(Math.floor(leftTime / 60 % 60));
+        s = getzf(Math.floor(leftTime % 60));
+        // console.log(d, h, m, s);
+        $('.Reset_time').html(langReplace(localLang.demoModule.Reset_time(d, h + ':' + m + ':' + s)));
+        //將倒計時賦值到div中
+        // $('.timeBox .days span').text(d);
+        // $('.timeBox .hours span').text(h);
+        // $('.timeBox .mins span').text(m);
+        // $('.timeBox .secs span').text(s);
+    } else {
+        getData();
+    }
+    if (leftTime > 0) {
+        leftTime = leftTime - 1;
+    }
+    countupTime = setTimeout(function () {
+        countup(leftTime);
+    }, 1000);
+}
+//补0操作  
+function getzf(num) {
+    if (parseInt(num) < 10) {
+        num = '0' + num;
+    }
+    return num;
+}
+
+// 弹幕接口
+// function blessGetConfig() {
+//     showLoading()
+//     networkRequest({
+//         type: 'get',
+//         url: urlPrefix + '/act/2025Ramadan/bless/getConfig',
+//         success(res) {
+//             if (res.code === 200) {
+//                 damuPool = res.data.blessQueue;
+//                 initDanmu();
+//             } else {
+//                 toastMsg(res.message)
+//             }
+//             hideLoading(layerIndex)
+//         },
+//         error(err) {
+//             hideLoading(layerIndex)
+//             toastMsg(langReplace(localLang.demoModule.layerIndex3))
+//         }
+//     })
+// }

view/molistar/activity/adventureTreasureHunt/local/ar.js

@@ -17,7 +17,7 @@ langAr = {
         Adventure_Task:'مهمة المغامرة',
         Adventure_Ranking:'تصنيف المغامرة',
         Reset_time:function(Days,times){ 
-            return ':مدة الاسترداد'+Days+'أيام'+times
+            return ':مدة الاسترداد'+Days+' أيام'+times
         },
         Today_recharge:'شحن اليوم:',
         Weekly_recharge:'شحن أسبوعي:',
@@ -26,6 +26,24 @@ langAr = {
         Recharge_recharge:'نقاط إعادة شحن وكيل إعادة الشحن',
         Points:'النقاط',
         Link_Points:'نقاط إعادة شحن الرابط',
+        bottom_textios: `هذه الفعالية لا علاقة لها بـ Apple.`,
+        bottom_text: `هذه الفعالية لا علاقة لها بـ Google.`,
+        Points_details:'تفاصيل النقاط',
+        This_week:'هذا الأسبوع',
+        Last_week:'الأسبوع الماضي',
+        rules_txt:`
+        <p>1. أكمل المهام الأسبوعية للحصول على النقاط المقابلة.</p>
+        <p>2. اشحن رصيدك عبر وكلاء الشحن وروابط H5 للحصول على نقاط إضافية.</p>
+        <p>3. يمكنك استخدام النقاط المكتسبة للمشاركة في اليانصيب.</p>
+        <p>4. سيتم إعادة تعيين النقاط والمهام الأسبوعية، لذا يُرجى الانتباه لاستخدامها وإكمالها في الوقت المحدد.</p>
+        <p>5. لا علاقة لهذا النشاط بجوجل وآبل.</p>
+        `,
+        Treasure:'كنزك',
+        Treasure_txt:'تم وضع كنزك في حقيبتك',
+        Treasure_txt2:'جرّبها الآن ',
+        Behind:'خلف',
+        Earn_explore:'اربح نقاطًا بالمشاركة، كنوزٌ تنتظرك لتستكشفها',
+        Join_complete:'.انضم إلى هذه المغامرة المليئة بالمجهول وجمع نقاط المغامرة لكل مهمة تكملها', 
 
     }
 

view/molistar/activity/adventureTreasureHunt/local/en.js

@@ -17,7 +17,7 @@ langEn = {
         Adventure_Task:'Adventure Task',
         Adventure_Ranking:'Adventure Ranking',
         Reset_time:function(Days,times){ 
-            return 'Reset time: '+Days+'Days'+times
+            return 'Reset time: '+Days+ ' Days ' + times
         },
         Today_recharge:'Today recharge:',
         Weekly_recharge:'Weekly recharge:',
@@ -26,5 +26,23 @@ langEn = {
         Recharge_recharge:'Recharge agent recharge points',
         Points:'Points',
         Link_Points:'Link recharge Points',
+        bottom_textios: `Event has nothing to do with Apple.`,
+        bottom_text: `Event has nothing to do with Google.`,
+        Points_details:'Points details',
+        This_week:'This week',
+        Last_week:'Last week',
+        rules_txt:`
+        <p>1 Complete weekly tasks to get corresponding points</p>
+        <p>2 Recharge through recharge agents and H5 links to get extra points</p>
+        <p>3 The points earned can be used to participate in the lottery</p>
+        <p>4 Weekly points and tasks will be reset, please pay attention to use and complete them in time</p>
+        <p>5 This activity has nothing to do with Google and Apple</p>
+        `,
+        Treasure:'You Treasure',
+        Treasure_txt:'Your treasure has been placed in your corresponding bag!',
+        Treasure_txt2:'Go and try it out~',
+        Behind:'Behind',
+        Earn_explore:'Earn points by participating, treasures are waiting for you to explore!',
+        Join_complete:'Join this adventure full of unknowns, and accumulate adventure points for each task you complete! ', 
     }
 }