细节优化

src/pages/be-vip.vue

@@ -79,6 +79,11 @@ onUnmounted(() => {
         <view>
           <Avatar :src="user.avatar" :size="35" />
           <text class="truncate">{{ user.nickName }}</text>
+          <image
+            class="user-name-image"
+            src="../static/vip1.png"
+            mode="widthFix"
+          />
         </view>
         <block v-if="refreshing">
           <image
@@ -121,7 +126,7 @@ onUnmounted(() => {
         <view class="content">
           <view class="title-bar">
             <view />
-            <text>成为射灵会员</text>
+            <text>会员续费</text>
           </view>
           <view class="vip-items">
             <view
@@ -171,11 +176,15 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
 }
-.header > view > text:last-child {
+.header > view > text {
   margin-left: 10px;
-  width: 120px;
+  max-width: 120px;
   text-align: left;
 }
+.header > view > image {
+  margin-left: 5px;
+  width: 20px;
+}
 .header > text:nth-child(2) {
   color: #fed847;
 }

src/pages/rank-list.vue

@@ -157,7 +157,7 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
       <Avatar :src="user.avatar" />
       <view class="rank-item-content">
         <text class="truncate">{{ user.nickName }}</text>
-        <text>{{ user.lvlName }}，{{ rankData.TotalGames }}场</text>
+        <text>{{ user.lvlName }}，{{ myData.TotalGames }}场</text>
       </view>
       <text class="rank-item-integral" v-if="selectedIndex === 2">
         <text

src/pages/ranking.vue

@@ -183,6 +183,10 @@ onShow(async () => {
                 : "-"
             }}</text>
           </view>
+          <view class="my-rank-score">
+            <image src="../static/bubble-tip5.png" mode="widthFix" />
+            <text>积分：{{ rankData.user.scores }}</text>
+          </view>
         </view>
         <view class="rank-type">
           <image
@@ -379,20 +383,24 @@ onShow(async () => {
   align-items: center;
   justify-content: space-around;
   color: #b3b3b3;
-  width: 100%;
+  width: 110%;
   margin-top: 15px;
+  position: relative;
+  transform: translateX(-5%);
 }
 .my-data > view {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
+  width: 32%;
   height: 60px;
+  position: relative;
 }
 .my-data > view:nth-child(2) {
   border-left: 1px solid #48494e;
   border-right: 1px solid #48494e;
-  padding: 0 20px;
+  padding: 0 15px;
 }
 .my-data > view > text:first-child {
   font-size: 14px;
@@ -544,4 +552,22 @@ onShow(async () => {
   height: 12px;
   margin-left: 10px;
 }
+.my-rank-score {
+  position: absolute !important;
+  color: #fff;
+  width: 80px !important;
+  display: flex;
+  justify-content: center;
+  top: -34px;
+  left: 27px;
+}
+.my-rank-score > image {
+  position: absolute;
+  width: 100%;
+}
+.my-rank-score > text {
+  position: relative;
+  font-size: 10px !important;
+  margin-bottom: 7px;
+}
 </style>