寻宝活动修复排行榜没数据loading问题

2025-05-28 18:25:42 +08:00
parent 851c5c6f42
commit 14aed0156e
8 changed files with 100 additions and 31 deletions
--- a/view/molistar/activity/adventureTreasureHunt/css/index.css
+++ b/view/molistar/activity/adventureTreasureHunt/css/index.css
@@ -297,11 +297,25 @@ body {
  display: flex;
  align-items: center;
 }
-.adventureTask .content .tip_box .txt .num {
+.adventureTask .content .tip_box .txt .left .num {
  color: #FFFFFF;
  font-weight: 600;
 }
-.adventureTask .content .tip_box .txt img {
+.adventureTask .content .tip_box .txt .left .curScore_box {
+  margin-top: 0.2666666667rem;
+}
+.adventureTask .content .tip_box .txt .right {
+  display: flex;
+  align-items: center;
+  margin-left: auto;
+}
+.adventureTask .content .tip_box .txt .right .Details {
+  font-family: PingFang SC;
+  font-weight: 400;
+  font-size: 0.3466666667rem;
+  color: #FFFCD0;
+}
+.adventureTask .content .tip_box .txt .right img {
  width: 0.2933333333rem;
  height: 0.2933333333rem;
 }
@@ -1073,6 +1087,10 @@ body {
 .arabic .adventureTask .content .tip_box .txt img {
  transform: rotate(180deg);
 }
+.arabic .adventureTask .content .tip_box .txt .right {
+  margin-left: 0;
+  margin-right: auto;
+}
 .arabic .header {
  background: url(../images/header-ar.png) no-repeat;
  background-size: 100% 100%;
--- a/view/molistar/activity/adventureTreasureHunt/css/index.scss
+++ b/view/molistar/activity/adventureTreasureHunt/css/index.scss
@@ -348,15 +348,34 @@ body {
                display: flex;
                align-items: center;

-                .num {
-                    color: #FFFFFF;
-                    font-weight: 600;
+                .left {
+                    .num {
+                        color: #FFFFFF;
+                        font-weight: 600;
+                    }
+                    .curScore_box{
+                        margin-top: px2rem(20);
+                    }
                }

-                img {
-                    width: px2rem(22);
-                    height: px2rem(22);
+                .right {
+                    display: flex;
+                    align-items: center;
+                    margin-left: auto;
+                    .Details {
+                        font-family: PingFang SC;
+                        font-weight: 400;
+                        font-size: px2rem(26);
+                        color: #FFFCD0;
+                    }
+                    img {
+                        width: px2rem(22);
+                        height: px2rem(22);
+                    }
                }
+
+
+                
            }

            .Points_mission {
@@ -615,19 +634,22 @@ body {

                    .box {
                        background: linear-gradient(180deg, #714A00, #221A00);
-border-radius: px2rem(13);
-border: px2rem(2) solid #FFFFFF;
-padding: px2rem(6);
+                        border-radius: px2rem(13);
+                        border: px2rem(2) solid #FFFFFF;
+                        padding: px2rem(6);
+
                        img {
                            width: px2rem(77);
                            height: px2rem(77);
                        }
                    }
-                    .box_si{
+
+                    .box_si {
                        background: linear-gradient(180deg, #8D0732, #3D0012);
-border-radius: px2rem(13);
-border: px2rem(2) solid #FFBC1B;
-padding: px2rem(6);
+                        border-radius: px2rem(13);
+                        border: px2rem(2) solid #FFBC1B;
+                        padding: px2rem(6);
+
                        img {
                            width: px2rem(77);
                            height: px2rem(77);
@@ -880,8 +902,8 @@ padding: px2rem(6);
                        font-weight: 400;
                        font-size: px2rem(28);
                        color: #FFFCD0;
-                        
-                        img{
+
+                        img {
                            width: px2rem(27);
                            height: px2rem(27);
                            margin: 0 px2rem(6);
@@ -1211,9 +1233,10 @@ padding: px2rem(6);

        .box {
            background: linear-gradient(180deg, #8D0732, #3D0012);
-border-radius: px2rem(13);
-border: px2rem(2) solid #FFBC1B;
-padding: px2rem(6);
+            border-radius: px2rem(13);
+            border: px2rem(2) solid #FFBC1B;
+            padding: px2rem(6);
+
            img {
                width: px2rem(77);
                height: px2rem(77);
@@ -1252,6 +1275,10 @@ padding: px2rem(6);
    .adventureTask .content .tip_box .txt img {
        transform: rotate(180deg);
    }
+    .adventureTask .content .tip_box .txt .right{
+        margin-left: 0;
+        margin-right: auto;
+    }

    .header {
        background: url(../images/header-ar.png) no-repeat;
--- a/view/molistar/activity/adventureTreasureHunt/index.html
+++ b/view/molistar/activity/adventureTreasureHunt/index.html
@@ -73,8 +73,16 @@
        </div>
        <div class="tip_box">
          <div class="txt">
-            <span class="Points_week"></span><span class="num weekScore">888</span>
-            <img src="./images/arrow_right.png" alt="" />
+            <!-- <span class="Points_week"></span><span class="num weekScore">888</span> -->
+            <!-- <img src="./images/arrow_right.png" alt="" /> -->
+             <div class="left">
+                <div><span class="Points_week"></span><span class="num weekScore">888</span></div>
+                <div class="curScore_box"><span class="Remaining_week"></span><span class="num curScore">888</span></div>
+             </div>
+             <div class="right">
+                <span class="Details"></span>
+                <img src="./images/arrow_right.png" alt="" />
+             </div>
          </div>
          <div class="Points_mission"></div>
        </div>
--- a/view/molistar/activity/adventureTreasureHunt/js/index.js
+++ b/view/molistar/activity/adventureTreasureHunt/js/index.js
@@ -157,7 +157,9 @@ function translateFun() {
    $('.Adventurers_gather').html(langReplace(localLang.demoModule.Adventurers_gather))
    $('.Earn_explore').html(langReplace(localLang.demoModule.Earn_explore))
    $('.Join_complete').html(langReplace(localLang.demoModule.Join_complete))
-
+    $('.Remaining_week').html(langReplace(localLang.demoModule.Remaining_week))
+    $('.Details').html(langReplace(localLang.demoModule.Details))
+    
 }
 // 页面1tab切换
 $('.tab_list div').click(function () {
@@ -200,6 +202,7 @@ function getlistRank() {
        url: urlPrefix + '/chargeTreasure/listRank',
        success(res) {
            if (res.code === 200) {
+                if(res.data.rankList && res.data.rankList.length>0){
                $('.adventureRanking .content .rank_list .rank_box').remove()
                let str = ''
                res.data.rankList.forEach((item, index) => {
@@ -241,6 +244,7 @@ function getlistRank() {
                `
                })
                $('.adventureRanking .content .rank_list').append(str)
+            }

                // 我的排行
                $('.my_Points .info .rank').text(res.data.meRank.ranking)
@@ -293,6 +297,7 @@ function getData() {
                    $('.Weekly_num').text(res.data.weekChargeGoldNum)
                    $('.adventureTask .content .recharge .avatar').attr('src', res.data.user.avatar)
                    $('.weekScore').text(res.data.weekScore)
+                    $('.curScore').text(res.data.curScore)
                }


@@ -507,7 +512,7 @@ $('.popup_record .close_btn').click(function () {
    $('.popup_record').hide()
 })
 // 打开点数详情
-$('.adventureTask .content .tip_box .txt').click(function () {
+$('.adventureTask .content .tip_box .txt .right').click(function () {
    renderinglistScoreRecord();
    $('.popup_detail').show()
 })
--- a/view/molistar/activity/adventureTreasureHunt/local/ar.js
+++ b/view/molistar/activity/adventureTreasureHunt/local/ar.js
@@ -51,10 +51,12 @@ langAr = {
        Headdress:'غطاء رأس',
        Coin:'عملة معدنية',
        Bubble:'فقاعة',
-        Diamonds:'Diamonds',
-        Gifts:'Gifts',
-        HomepageBackground:'Homepage Background',
-        Infocard:'Info card'
+        Diamonds:'ألماس',
+        Gifts:'هدايا',
+        HomepageBackground:'خلفية الصفحة الرئيسية',
+        Infocard:'بطاقة معلومات',
+        Remaining_week:'النقاط المتبقية هذا الأسبوع:',
+        Details:'التفاصيل',
    }

 }
--- a/view/molistar/activity/adventureTreasureHunt/local/en.js
+++ b/view/molistar/activity/adventureTreasureHunt/local/en.js
@@ -54,6 +54,9 @@ langEn = {
        Diamonds:'Diamonds',
        Gifts:'Gifts',
        HomepageBackground:'Homepage Background',
-        Infocard:'Info card'
+        Infocard:'Info card',
+        Remaining_week:'Remaining Points this week:',
+        Details:'Details',
+
    }
 }
--- a/view/molistar/activity/adventureTreasureHunt/local/tr.js
+++ b/view/molistar/activity/adventureTreasureHunt/local/tr.js
@@ -54,7 +54,10 @@ langTr = {
        Diamonds:'Diamonds',
        Gifts:'Gifts',
        HomepageBackground:'Homepage Background',
-        Infocard:'Info card'
+        Infocard:'Info card',
+        Remaining_week:'Remaining Points this week:',
+        Details:'Details',
+
    }

 }
--- a/view/molistar/activity/adventureTreasureHunt/local/zh.js
+++ b/view/molistar/activity/adventureTreasureHunt/local/zh.js
@@ -54,6 +54,9 @@ langZh = {
        Diamonds:'Diamonds',
        Gifts:'Gifts',
        HomepageBackground:'Homepage Background',
-        Infocard:'Info card'
+        Infocard:'Info card',
+        Remaining_week:'Remaining Points this week:',
+        Details:'Details',
+
    }
 }