字段完善

src/pages/rank-list.vue

@@ -138,12 +138,16 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
             >{{ getLvlName(item.totalScore) }}，{{ item.TotalGames }}场</text
           >
         </view>
-        <text class="rank-item-integral"
-          ><text
-            :style="{ fontSize: '14px', color: '#fff', marginRight: '5px' }"
-            >{{ item.totalScore }}</text
-          >分</text
-        >
+        <text class="rank-item-integral" v-if="selectedIndex === 0">
+          <text :style="{ fontSize: '14px', color: '#fff', marginRight: '5px' }"
+            >{{ item.totalScore }} </text
+          >分
+        </text>
+        <text class="rank-item-integral" v-if="selectedIndex === 2">
+          <text :style="{ fontSize: '14px', color: '#fff', marginRight: '5px' }"
+            >{{ item.TenRings }} </text
+          >次
+        </text>
       </view>
       <view v-if="!currentList.length" class="no-data">
         <text>筹备中...</text>
@@ -279,6 +283,8 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
 }
 .rank-list-item > text:last-child {
   margin-right: 10px;
+  width: 56px;
+  text-align: right;
 }
 .my-rank-data {
   position: fixed;
@@ -305,12 +311,14 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
   color: #fff;
   padding: 3px 5px;
   border-radius: 20px;
-  margin-right: 10px;
+  margin: 10px;
   font-size: 14px;
 }
 .my-rank-data > text:last-child {
   position: relative;
   margin-right: 10px;
+  width: 56px;
+  text-align: right;
 }
 .my-rank-data > .rank-item-content > text:first-child {
   color: #fed847;

src/pages/ranking.vue

@@ -319,11 +319,16 @@ onHide(() => {
           />
           <view>
             <text class="truncate">{{ item.name }}</text>
-            <text
-              >{{ getLvlName(item.totalScore) }}，{{ item.TotalGames }}场</text
-            >
+            <text>
+              {{ getLvlName(item.totalScore) }}，{{ item.TotalGames }}场
+            </text>
           </view>
-          <text>{{ item.totalScore }}<text>分</text></text>
+          <text v-if="selectedIndex === 0">
+            {{ item.totalScore }}<text>分</text>
+          </text>
+          <text v-if="selectedIndex === 2">
+            {{ item.TenRings }}<text>次</text>
+          </text>
         </view>
         <view v-if="!currentList.length" class="no-data">
           <text>筹备中...</text>
@@ -497,7 +502,7 @@ onHide(() => {
 .rank-item > view:nth-child(3) {
   display: flex;
   flex-direction: column;
-  width: 55%;
+  width: 50%;
 }
 .rank-item > view:nth-child(3) > text:first-child {
   color: #fff9;
@@ -510,6 +515,8 @@ onHide(() => {
 }
 .rank-item > text:last-child {
   color: #fff;
+  width: 56px;
+  text-align: right;
 }
 .rank-item > text:last-child text {
   color: #fff4;