下载记录、钱包账单添加加载更多；监听键盘高度优化样式

src/user_pages/validPhone/index.tsx

@@ -5,6 +5,7 @@ import { View, Text, Input, Button } from "@tarojs/components";
 import "./index.scss";
 import httpService from "@/services/httpService";
 import { useUserInfo } from "@/store/userStore";
+import { useKeyboardHeight } from '@/store/keyboardStore'
 
 interface FormFields {
   phone?: string;
@@ -12,6 +13,22 @@ interface FormFields {
 }
 
 const ValidPhone: React.FC = () => {
+  // 使用全局键盘状态
+  const { keyboardHeight, isKeyboardVisible, addListener, initializeKeyboardListener } = useKeyboardHeight()
+  // 使用全局键盘状态监听
+  useEffect(() => {
+    // 初始化全局键盘监听器
+    initializeKeyboardListener()
+
+    // 添加本地监听器
+    const removeListener = addListener((height, visible) => {
+      console.log('AiImportPopup 收到键盘变化:', height, visible)
+    })
+
+    return () => {
+      removeListener()
+    }
+  }, [initializeKeyboardListener, addListener])
   const userInfo = useUserInfo();
   const [formData, setFormData] = useState<FormFields>({
     phone: userInfo.phone || "",
@@ -69,7 +86,7 @@ const ValidPhone: React.FC = () => {
         <Input placeholder="请输入验证码" type="number" onInput={(e) => { handleInput(e, "sms_code") }}></Input>
         <Button className="btn" onClick={getSMSCode}>获取验证码</Button>
       </View>
-      <Button className="btn bottom-btn" disabled={!formData.sms_code} onClick={handleConfirm}>提交</Button>
+      <Button className="btn bottom-btn" disabled={!formData.sms_code} onClick={handleConfirm} style={{ bottom: isKeyboardVisible ? `${keyboardHeight + 20}px` : undefined }}>提交</Button>
     </View>
   );
 };