feat ui设计稿bug修复

src/views/profile/cpns/ProfileUserCard.vue

@@ -32,61 +32,52 @@ function save(): void {
     <div class="profile-user-card__avatar" aria-hidden="true">
       王
     </div>
-    <div class="profile-user-card__info">
-      <input
-        v-model="draft"
-        class="profile-user-card__name"
-        type="text"
-        placeholder="请输入名称"
-        maxlength="20"
-        @keyup.enter="save"
-        @blur="save"
-      >
-      <p class="profile-user-card__phone text-secondary">
-        {{ profile?.phone ?? '' }}
-      </p>
-    </div>
+    <input
+      v-model="draft"
+      class="profile-user-card__name"
+      type="text"
+      placeholder="请输入名称"
+      maxlength="20"
+      @keyup.enter="save"
+      @blur="save"
+    >
+    <p class="profile-user-card__phone">
+      {{ profile?.phone ?? '' }}
+    </p>
   </div>
 </template>
 
 <style lang="less" scoped>
-// 设计 14：左列紫渐变用户卡（渐变实取 #5459E8 → #D2BDF3），内容居中
+// 设计稿（个人中心）：头像 46 圆形居中，名称 18/600，手机 14/400；
+// 整块 245×110 紫渐变卡，内容垂直居中
 .profile-user-card {
-  .flex(column, center);
-  gap: @spacing-xs; // 设计 14：头像与文字块间距约 4px
-  padding: @spacing-base @spacing-sm; // 设计：上 20 / 下 25 设计px ≈ 16
+  .flex(column, center, center);
+  height: 110px;
   border-radius: @radius-lg;
-  background: linear-gradient(170deg, @profile-user-from 0%, @profile-user-to 100%);
+  background: linear-gradient(180deg, @profile-user-from 0%, @profile-user-to 100%);
+  box-sizing: border-box;
 
   &__avatar {
     .flex(row, center);
     flex-shrink: 0;
-    width: 42px; // 设计 54 × 0.77
+    width: 42px;
     height: 42px;
     border-radius: @radius-round;
-    background: @profile-user-avatar;
+    background: fade(@white, 22%);
     color: @white;
     font-size: @font-size-lg;
     font-weight: 600;
   }
 
-  &__info {
-    .flex(column, center);
-    gap: @spacing-xs;
-    min-width: 0;
-    width: 100%;
-    text-align: center;
-  }
-
-  // 卡内为深色底：名称/号码一律白字（设计 14 实取 #FFFFFF）
   &__name {
     width: 100%;
-    height: 16px; // 设计 19 × 0.77
+    height: 26px;
+    margin-top: 6px;
     padding: 0 @spacing-xs;
     border: 1px solid transparent;
     border-radius: @profile-radius;
     background: transparent;
-    font-size: 11px;
+    font-size: @font-size-lg;               // 设计 18/600
     font-weight: 600;
     color: @white;
     text-align: center;
@@ -103,15 +94,17 @@ function save(): void {
     }
 
     &::placeholder {
-      font-size: 11px;
+      font-size: @font-size-lg;
       font-weight: 400;
       color: fade(@white, 75%);
     }
   }
 
   &__phone {
-    font-size: 11px;
+    margin-top: 6px;
+    font-size: @font-size-sm;               // 设计 14/400
     color: @white;
+    text-align: center;
   }
 }
 </style>