diff --git a/frontend/src/admin/pages/DataCompleteness.tsx b/frontend/src/admin/pages/DataCompleteness.tsx index a601698..46aa2fb 100644 --- a/frontend/src/admin/pages/DataCompleteness.tsx +++ b/frontend/src/admin/pages/DataCompleteness.tsx @@ -75,9 +75,15 @@ export default function DataCompletenessPage() { // 点击问题项 → 滚动到对应联赛卡片并高亮 const scrollToLeague = useCallback((code: string) => { setHighlightedLeague(code) - leagueRefs.current[code]?.scrollIntoView({ behavior: 'smooth', block: 'center' }) - // 3秒后移除高亮 - setTimeout(() => setHighlightedLeague(null), 3000) + // 使用 requestAnimationFrame 确保 DOM 已更新 + requestAnimationFrame(() => { + const el = leagueRefs.current[code] + if (el) { + el.scrollIntoView({ behavior: 'smooth', block: 'start' }) + } + }) + // 5秒后移除高亮 + setTimeout(() => setHighlightedLeague(null), 5000) }, []) return ( @@ -167,7 +173,7 @@ export default function DataCompletenessPage() {
{ leagueRefs.current[league.code] = el }} - className={`transition-all duration-500 ${isHighlighted ? 'ring-2 ring-press scale-[1.01]' : ''}`} + className={`transition-all duration-500 ${isHighlighted ? 'ring-2 ring-press bg-press-wash/40 scale-[1.01]' : ''}`} >