feat: 添加mock数据，给导航添加选中标识

src/components/Auth/VerificationCodeInput.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { FormControl, FormErrorMessage, HStack, Input, Button } from "@chakra-ui/react";
+import { FormControl, FormErrorMessage, HStack, Input, Button, Spinner } from "@chakra-ui/react";
 
 /**
  * 通用验证码输入组件
@@ -30,6 +30,17 @@ export default function VerificationCodeInput({
         }
     };
 
+    // 计算按钮显示的文本（避免在 JSX 中使用条件渲染）
+    const getButtonText = () => {
+        if (isSending) {
+            return "发送中";
+        }
+        if (countdown > 0) {
+            return countdownText(countdown);
+        }
+        return buttonText;
+    };
+
     return (
         <FormControl isRequired={isRequired} isInvalid={!!error}>
             <HStack>
@@ -41,13 +52,14 @@ export default function VerificationCodeInput({
                     maxLength={6}
                 />
                 <Button
+                    type="button"
                     colorScheme={colorScheme}
                     onClick={handleSendCode}
-                    isDisabled={countdown > 0 || isLoading}
-                    isLoading={isSending}
+                    isDisabled={countdown > 0 || isLoading || isSending}
                     minW="120px"
+                    leftIcon={isSending ? <Spinner size="sm" /> : undefined}
                 >
-                    {countdown > 0 ? countdownText(countdown) : buttonText}
+                    {getButtonText()}
                 </Button>
             </HStack>
             <FormErrorMessage>{error}</FormErrorMessage>