From f25b84388cabe198971dea13e008a05ad6d1ed71 Mon Sep 17 00:00:00 2001
From: sunlei <yemu2333@outlook.com>
Date: Mon, 8 Jun 2026 09:05:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E5=88=87=E9=A1=B5=E7=A9=BA=E7=99=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/_core/profile/index.vue         | 118 +++++++++---------
 1 file changed, 60 insertions(+), 58 deletions(-)

diff --git a/apps/web-antdv-next/src/views/_core/profile/index.vue b/apps/web-antdv-next/src/views/_core/profile/index.vue
index 31e4e2d..22da31a 100644
--- a/apps/web-antdv-next/src/views/_core/profile/index.vue
+++ b/apps/web-antdv-next/src/views/_core/profile/index.vue
@@ -155,66 +155,68 @@ async function rotateImage(src: string, degrees: number) {
 }
 </script>
 <template>
-  <Profile
-    v-model:model-value="tabsValue"
-    avatar-editable
-    title="个人中心"
-    :user-info="userStore.userInfo"
-    :tabs="tabs"
-    @avatar-click="openAvatarModal"
-  >
-    <template #content>
-      <ProfileBase v-if="tabsValue === 'basic'" />
-    </template>
-  </Profile>
+  <div class="h-full">
+    <Profile
+      v-model:model-value="tabsValue"
+      avatar-editable
+      title="个人中心"
+      :user-info="userStore.userInfo"
+      :tabs="tabs"
+      @avatar-click="openAvatarModal"
+    >
+      <template #content>
+        <ProfileBase v-if="tabsValue === 'basic'" />
+      </template>
+    </Profile>
 
-  <Modal
-    v-model:open="avatarModalOpen"
-    title="更换头像"
-    ok-text="保存头像"
-    cancel-text="取消"
-    :confirm-loading="avatarSaving"
-    :ok-button-props="{ disabled: !avatarImage }"
-    width="720px"
-    @ok="saveAvatar"
-    @after-close="resetAvatarCrop"
-  >
-    <div class="flex flex-col gap-4">
-      <div class="flex flex-wrap items-center gap-3">
-        <Upload
-          accept="image/*"
-          :max-count="1"
-          :before-upload="preventAutoUpload"
-          :show-upload-list="false"
-          @change="selectAvatarFile"
+    <Modal
+      v-model:open="avatarModalOpen"
+      title="更换头像"
+      ok-text="保存头像"
+      cancel-text="取消"
+      :confirm-loading="avatarSaving"
+      :ok-button-props="{ disabled: !avatarImage }"
+      width="720px"
+      @ok="saveAvatar"
+      @after-close="resetAvatarCrop"
+    >
+      <div class="flex flex-col gap-4">
+        <div class="flex flex-wrap items-center gap-3">
+          <Upload
+            accept="image/*"
+            :max-count="1"
+            :before-upload="preventAutoUpload"
+            :show-upload-list="false"
+            @change="selectAvatarFile"
+          >
+            <Button>选择图片</Button>
+          </Upload>
+          <span class="text-sm text-foreground/70">
+            {{ avatarFileName || '请选择图片后裁切头像' }}
+          </span>
+        </div>
+
+        <div v-if="avatarImage" class="flex flex-wrap items-start gap-5">
+          <VCropper
+            ref="cropperRef"
+            :img="avatarImage"
+            aspect-ratio="1:1"
+            :width="420"
+            :height="420"
+          />
+          <div class="flex min-w-32 flex-col gap-2">
+            <Button @click="rotateAvatar(-90)">向左旋转</Button>
+            <Button @click="rotateAvatar(90)">向右旋转</Button>
+          </div>
+        </div>
+
+        <div
+          v-else
+          class="flex h-72 items-center justify-center rounded border border-dashed text-sm text-foreground/60"
         >
-          <Button>选择图片</Button>
-        </Upload>
-        <span class="text-sm text-foreground/70">
-          {{ avatarFileName || '请选择图片后裁切头像' }}
-        </span>
-      </div>
-
-      <div v-if="avatarImage" class="flex flex-wrap items-start gap-5">
-        <VCropper
-          ref="cropperRef"
-          :img="avatarImage"
-          aspect-ratio="1:1"
-          :width="420"
-          :height="420"
-        />
-        <div class="flex min-w-32 flex-col gap-2">
-          <Button @click="rotateAvatar(-90)">向左旋转</Button>
-          <Button @click="rotateAvatar(90)">向右旋转</Button>
+          点击“选择图片”上传头像素材
         </div>
       </div>
-
-      <div
-        v-else
-        class="flex h-72 items-center justify-center rounded border border-dashed text-sm text-foreground/60"
-      >
-        点击“选择图片”上传头像素材
-      </div>
-    </div>
-  </Modal>
+    </Modal>
+  </div>
 </template>