UI调整

src/components/UserHeader.vue

@@ -35,7 +35,12 @@ const toUserPage = () => {
 
 <template>
   <view class="container" :style="{ width: containerWidth }">
-    <Avatar :frame="true" :src="user.avatarUrl" :onClick="toUserPage" />
+    <Avatar
+      :frame="true"
+      :src="user.avatarUrl"
+      :onClick="toUserPage"
+      :size="42"
+    />
     <view class="user-details">
       <view class="user-name">
         <text>{{ user.nickName }}</text>
@@ -60,12 +65,13 @@ const toUserPage = () => {
         src="../static/global-rank.png"
         mode="widthFix"
       />
-      <text>本赛季全国</text>
-      <text class="rank-number"
+      <text>本赛季</text>
+      <text>暂未上榜</text>
+      <!-- <text class="rank-number"
         >第<text :style="{ color: '#ffd700' }"
           >{{ user.points }}/{{ user.rankLvl }}</text
         >名</text
-      >
+      > -->
     </view>
   </view>
 </template>
@@ -82,7 +88,7 @@ const toUserPage = () => {
 .user-details {
   display: flex;
   flex-direction: column;
-  padding-left: 5px;
+  padding-left: 10px;
 }
 
 .user-name {
@@ -92,7 +98,7 @@ const toUserPage = () => {
 }
 
 .user-name > text:first-child {
-  font-size: 16px;
+  font-size: 13px;
   max-width: 100px;
   white-space: nowrap;
   overflow: hidden;
@@ -115,7 +121,7 @@ const toUserPage = () => {
 }
 
 .level-tag-first {
-  width: 45px;
+  width: 40px;
   background: #5f51ff;
 }
 
@@ -127,7 +133,7 @@ const toUserPage = () => {
 .level-tag,
 .rank-tag {
   border-radius: 12px;
-  font-size: 10px;
+  font-size: 9px;
 }
 
 .rank-tag {
@@ -156,6 +162,8 @@ const toUserPage = () => {
   position: relative;
   color: #b3b3b3;
   padding-left: 8px;
+  display: flex;
+  flex-direction: column;
 }
 
 .rank-info-image {