diff --git a/packages/shared/src/components/PlatformProfileRechargeModal/index.tsx b/packages/shared/src/components/PlatformProfileRechargeModal/index.tsx index 31273ef13..e8f9aff71 100644 --- a/packages/shared/src/components/PlatformProfileRechargeModal/index.tsx +++ b/packages/shared/src/components/PlatformProfileRechargeModal/index.tsx @@ -2,7 +2,14 @@ import './index.css'; import QRCode from 'qrcode'; import type { ReactNode } from 'react'; -import { useCallback, useEffect, useId, useMemo, useState } from 'react'; +import { + useCallback, + useEffect, + useId, + useMemo, + useRef, + useState, +} from 'react'; import type { ProfileMembership, @@ -495,6 +502,8 @@ function PlatformRechargeTabNav({ { id: 'subscription', label: '会员订阅' }, { id: 'recharge', label: '泥点充值' }, ]; + // 方向键移动选中项后把焦点一并移到新页签,保持 roving tabindex 的焦点与选中一致。 + const tabRefs = useRef>({}); return (
@@ -527,6 +537,9 @@ function PlatformRechargeTabNav({ return (