细节优化

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>