From e8d1d3b12355c04a7a2cafd7542ce3cdd0346485 Mon Sep 17 00:00:00 2001
From: H1d3rOne <H1d3rOne@users.noreply.github.com>
Date: Sun, 8 Mar 2026 04:24:40 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=9A=E5=91=98=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=9C=A8user-name-row=E5=8F=B3=E4=B8=8A?=
 =?UTF-8?q?=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- user-name-row保持水平居中
- vip-tag使用position: absolute定位到右上角（top: 0, right: 0）
---
 xuan-deduct-uniapp/src/pages/mine/mine.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/xuan-deduct-uniapp/src/pages/mine/mine.vue b/xuan-deduct-uniapp/src/pages/mine/mine.vue
index be714bf..78ca7d3 100644
--- a/xuan-deduct-uniapp/src/pages/mine/mine.vue
+++ b/xuan-deduct-uniapp/src/pages/mine/mine.vue
@@ -7,10 +7,10 @@
       <view class="user-info">
         <view class="user-name-row">
           <text class="username">玄机用户</text>
-          <view class="vip-tag" :class="vipClass">
+        </view>
+        <view class="vip-tag" :class="vipClass">
             <text class="vip-tag-text">{{ vipText }}</text>
           </view>
-        </view>
         <text class="user-coins">金币：{{ coins }}</text>
       </view>
     </view>
@@ -167,6 +167,7 @@ page {
   align-items: flex-start;
   justify-content: center;
   margin-bottom: 8rpx;
+  position: relative;
 }
 
 .username {
@@ -177,6 +178,9 @@ page {
 }
 
 .vip-tag {
+  position: absolute;
+  top: 0;
+  right: 0;
   margin-left: 6rpx;
   padding: 1rpx 8rpx;
   border-radius: 12rpx;
@@ -204,7 +208,7 @@ page {
 }
 
 .vip-tag-text {
-  font-size: 16rpx;
+  font-size: 18rpx;
   font-weight: 500;
   color: #ffffff;
 }