update pay ui

src/components/MiniProgramLauncher/hooks/useWechatEnvironment.js

@@ -24,11 +24,35 @@ export const isWeChatBrowser = () => {
 
 /**
  * 检测是否为移动端设备
+ * 使用多种检测方式，确保 Safari 兼容性
  */
 export const isMobileDevice = () => {
   if (typeof window === 'undefined') return false;
+
   const ua = navigator.userAgent;
-  return /iPhone|iPad|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(ua);
+
+  // 方式1：User Agent 检测
+  const uaCheck = /iPhone|iPad|iPod|Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(ua);
+
+  // 方式2：触摸屏检测（Safari 兼容）
+  const touchCheck = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+
+  // 方式3：屏幕宽度检测（作为备用）
+  const screenCheck = window.innerWidth <= 768;
+
+  // 方式4：Safari 特定检测（iOS Safari 不会在 UA 中包含 "Mobile" 但会有 "Safari"）
+  const isSafariMobile = /Safari/i.test(ua) && /Apple/i.test(navigator.vendor) && touchCheck;
+
+  const result = uaCheck || (touchCheck && screenCheck) || isSafariMobile;
+
+  // 调试日志（仅在开发环境）
+  if (process.env.NODE_ENV === 'development') {
+    console.log('[isMobileDevice] UA:', ua);
+    console.log('[isMobileDevice] uaCheck:', uaCheck, 'touchCheck:', touchCheck, 'screenCheck:', screenCheck, 'isSafariMobile:', isSafariMobile);
+    console.log('[isMobileDevice] result:', result);
+  }
+
+  return result;
 };
 
 /**