style(PhoneSettingPage): 调整验证码输入和按钮的样式

统一表单元素的样式，改进间距和焦点状态

@@ -43,7 +43,7 @@
 
 
               <!-- 验证码输入 -->
               <!-- 验证码输入 -->
               <div class="mb-6">
               <div class="mb-6">
-                <label for="verificationCode" class="block text-sm font-medium text-gray-700 mb-2">
+                <label for="verificationCode" class="block text-sm font-medium text-gray-700">
                   验证码 <span class="text-red-500">*</span>
                   验证码 <span class="text-red-500">*</span>
                 </label>
                 </label>
                 <div class="flex space-x-2">
                 <div class="flex space-x-2">
@@ -54,13 +54,13 @@
                     required
                     required
                     maxlength="6"
                     maxlength="6"
                     placeholder="请输入验证码"
                     placeholder="请输入验证码"
-                    class="flex-1 px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent"
+                    class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
                   />
                   />
                   <button
                   <button
                     type="button"
                     type="button"
                     :disabled="countdown > 0 || !isPhoneValid"
                     :disabled="countdown > 0 || !isPhoneValid"
                     @click="sendVerificationCode"
                     @click="sendVerificationCode"
-                    class="px-4 py-3 border border-transparent text-sm font-medium rounded-lg text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap"
+                    class="mt-1 px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap"
                   >
                   >
                     {{ countdown > 0 ? `${countdown}秒后重试` : '获取验证码' }}
                     {{ countdown > 0 ? `${countdown}秒后重试` : '获取验证码' }}
                   </button>
                   </button>
@@ -191,11 +191,11 @@ const handlePhoneChange = async () => {
   loading.value = true;
   loading.value = true;
 
 
   try {
   try {
-    const { code, data } = await updateUserInfoAPI({ 
+    const { code, data } = await updateUserInfoAPI({
       mobile: formData.value.phone,
       mobile: formData.value.phone,
       sms_code: formData.value.verificationCode
       sms_code: formData.value.verificationCode
     });
     });
-    
+
     if (code) {
     if (code) {
       // 更新auth上下文中的用户信息
       // 更新auth上下文中的用户信息
       currentUser.value = {
       currentUser.value = {
@@ -204,14 +204,14 @@ const handlePhoneChange = async () => {
       };
       };
       // 更新localStorage中的用户信息
       // 更新localStorage中的用户信息
       localStorage.setItem('currentUser', JSON.stringify(currentUser.value));
       localStorage.setItem('currentUser', JSON.stringify(currentUser.value));
-      
+
       // 更新当前显示的手机号
       // 更新当前显示的手机号
       currentPhone.value = formData.value.phone;
       currentPhone.value = formData.value.phone;
-      
+
       // 清空表单
       // 清空表单
       formData.value.phone = '';
       formData.value.phone = '';
       formData.value.verificationCode = '';
       formData.value.verificationCode = '';
-      
+
       showToast('手机号修改成功');
       showToast('手机号修改成功');
     }
     }
   } catch (error) {
   } catch (error) {