个人中心样式调整

src/views/personalCenter/accountCenter.vue

 <template>
-    <div class="w-[977px] h-full flex flex-col flex-shrink-0"
-    :class="[current<3?'overflow-hidden':'']">
-        <a-spin :loading="loading">
-            <div class="flex pl-[13px]">
-                <div v-for="(item,index) in TitleBars"
-                    class="myOrder-status mr-[42px] py-[22px] cursor-pointer relative"
-                    :class="[activeMenu==item.key?'active font-medium':'font-light',index?'ml-[42px]':null]"
-                    @click="changeStatus(item.path)">{{ item.label }}
-                    <div class="myOrder-status-border absolute left-0 bottom-0 w-full flex justify-center">
-                        <div></div>
-                    </div>
+    <div class="w-[977px] flex flex-col pt-[25px] h-full overflow-hidden"
+    :class="[current<3?'':'']">
+        <div class="flex pl-[13px]">
+            <div v-for="(item,index) in TitleBars"
+                class="myOrder-status mr-[42px] py-[22px] cursor-pointer relative"
+                :class="[activeMenu==item.key?'active font-medium':'font-light',index?'ml-[42px]':null]"
+                @click="changeStatus(item.path)">{{ item.label }}
+                <div class="myOrder-status-border absolute left-0 bottom-0 w-full flex justify-center">
+                    <div></div>
                 </div>
             </div>
-            <a-divider class="!m-[0]"/>
-            <main class="max-h-[735px] mt-[20px] overflow-hidden">
-                <router-view />
-            </main>
-        </a-spin>
+        </div>
+        <a-divider class="!m-[0]"/>
+        <!-- max-h-[735px]  -->
+        <main class="flex-1 mt-[20px] overflow-hidden">
+            <router-view />
+        </main>
     </div>
 </template>
 <script setup lang="ts">

src/views/personalCenter/accountPage/basicInfor.vue

 <template>
     <div class="w-full h-full overflow-auto">
+      <a-spin :loading="loading" class="w-full">
       <a-space direction="vertical" class="w-full">
             <!-- horizonta -->
         <a-form :model="formData" :rules="rules" layout="vertical" class="w-full"
@@ -181,6 +182,7 @@
            
         </a-form>
       </a-space>
+      </a-spin>
       <!-- 图片预览 -->
       <a-image-preview
         v-model:visible="previewVisible"
@@ -196,7 +198,6 @@ import { useRouter } from 'vue-router'
 import { Message } from '@arco-design/web-vue'
 import { useSystemConfigStore } from '@/stores/index'
 import UserService from '@/services/UserService'
-import type { setRegisterDto } from '@/services/UserService'
 import CountryService from '@/services/CountryService'
 import { useUserStore } from '@/stores/user'
 import UploadService from '@/services/UploadService'
@@ -255,11 +256,7 @@ const rules = computed(() => ({
   ],
 }))
 
-const loading = ref(false)
-
-
-const codeValidateStatus = ref<'' | 'success' | 'error'>('')
-const emailVerified = ref(false)
+const loading = ref(true)
 
 const maxSize = 2 // 2MB
 // 预览相关
@@ -422,6 +419,8 @@ const getUserDetail = async () => {
     } 
   } catch (error) {
     
+  } finally {
+    loading.value = false
   }
 }
 

src/views/personalCenter/index.vue

 <template>
-    <div class="h-screen flex justify-center pt-[25px] pb-[12px]">
+    <div class="h-screen flex justify-center pb-[12px] max-h-[calc(100vh-120px)]">
         <div class="h-full flex justify-between w-[1200px]">
             <!-- 左侧导航栏 -->
-            <LeftView 
+            <LeftView class="pt-[25px]"
             :menu-list="menuList"
             :active-menu="activeMenu"/>
             <!-- 右侧页面内容 -->
-            <main class="h-full flex-1 ml-[24px]">
+            <main class="flex-1 ml-[24px] overflow-hidden">
                 <router-view />
             </main>
         </div>

src/views/personalCenter/myOrder.vue

 <template>
-    <div class="w-[977px] h-full flex flex-col flex-shrink-0">
+    <div class="w-[977px] h-full flex flex-col flex-shrink-0 mt-[25px]">
         <a-spin :loading="loading">
             <div class="myOrderData rounded-[14px] flex justify-between pt-[22px] pb-[19px] pl-[16px] relative">
                 <div class="flex items-center p-[20px]">