From 912086075a14761f9da7687b73f3d1751d1f96db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=96=AF=E7=8B=82=E7=9A=84=E7=8B=AE=E5=AD=90Li?=
 <15040126243@163.com>
Date: Thu, 10 Sep 2026 12:08:40 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96=20=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=20ViewTransition=20=E6=96=B0=E6=A0=87=E7=AD=BE=20?=
 =?UTF-8?q?=E5=81=9A=E5=8A=A8=E7=94=BB=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/BasicLayout.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/layouts/BasicLayout.tsx b/src/layouts/BasicLayout.tsx
index 0cfb633c..670c6524 100644
--- a/src/layouts/BasicLayout.tsx
+++ b/src/layouts/BasicLayout.tsx
@@ -7,7 +7,7 @@ import enUS from 'antd/locale/en_US';
 import zhCN from 'antd/locale/zh_CN';
 import 'dayjs/locale/zh-cn';
 import dayjs from 'dayjs';
-import { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useMemo, useRef, useState, ViewTransition } from 'react';
 import type { RuntimeMenuItem } from '@/api/types';
 import { logout } from '@/api/login';
 import { isHandledRequestError } from '@/api/request';
@@ -488,7 +488,10 @@ export default function BasicLayout() {
             onRefresh={() => setRefreshKey(value => value + 1)}
           />
         )}
-        <Outlet key={`${location.pathname}${location.search}:${refreshKey}`} />
+        {/* React 19.3 ViewTransition 页面切换过渡动画 不支持的浏览器自动降级为无动画 */}
+        <ViewTransition>
+          <Outlet key={`${location.pathname}${location.search}:${refreshKey}`} />
+        </ViewTransition>
       </ProLayout>
       <LayoutSettings
         open={settingsOpen}