【更新】个人中心布局优化

pull/286/head
chen 2025-09-24 18:03:03 +08:00
parent b3f7a1ab07
commit 5d7111629d
1 changed files with 65 additions and 58 deletions

View File

@ -1,7 +1,8 @@
<template> <template>
<a-row :gutter="10"> <div class="h-dvh mb-3">
<a-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7" class="mb-3"> <a-row :gutter="10" class="h-full">
<a-card :bordered="false"> <a-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7">
<a-card :bordered="false" class="h-full">
<div class="account-center-avatarHolder"> <div class="account-center-avatarHolder">
<div class="avatar"> <div class="avatar">
<a-spin size="small" :spinning="avatarLoading"> <a-spin size="small" :spinning="avatarLoading">
@ -35,7 +36,7 @@
<a-col :xs="24" :sm="24" :md="17" :lg="17" :xl="17"> <a-col :xs="24" :sm="24" :md="17" :lg="17" :xl="17">
<a-card <a-card
:bordered="false" :bordered="false"
class="xn-wd" class="xn-wd h-full"
:tab-list="tabList" :tab-list="tabList"
:active-tab-key="noTitleKey" :active-tab-key="noTitleKey"
@tabChange="(key) => onTabChange(key, 'key')" @tabChange="(key) => onTabChange(key, 'key')"
@ -58,7 +59,13 @@
</a-card> </a-card>
</a-col> </a-col>
</a-row> </a-row>
<CropUpload ref="cropUploadRef" :img-src="userInfo ? userInfo.avatar : undefined" @successful="cropUploadSuccess" :z-index="2000" /> <CropUpload
ref="cropUploadRef"
:img-src="userInfo ? userInfo.avatar : undefined"
@successful="cropUploadSuccess"
:z-index="2000"
/>
</div>
</template> </template>
<script setup name="userCenter"> <script setup name="userCenter">