.

src/views/MinePage.vue

@@ -4,7 +4,10 @@
             <img class="userInfo-bg" src="../assets/userBg.png" alt="" />
             <div class="userInfo" v-if="user" @click="goSetting">
                 <van-image width="60" height="60" radius="4" :src="user.avatar"></van-image>
-                <span class="name">{{ user.nickname }}</span>
+                <span class="name">
+                    <div>{{ user.nickname }}</div>
+                    <div class="id">ID: {{ user.id }}</div>
+                </span>
                 <img src="../assets/icon_bianji.png" class="icon" alt="" />
             </div>
             <div class="userInfo" v-else @click="goLogin">
@@ -183,6 +186,10 @@ const balanceText = computed(() => {
         line-height: 28px;
         flex-grow: 1;
         margin: 0 12px;
+        .id {
+            font-size: 13px;
+            color: rgba(var(--ion-color-dark-contrast-rgb), 0.5);
+        }
     }
 }