opensource/plus-ui
2
0
Fork 0
mirror of https://gitee.com/JavaLionLi/plus-ui.git synced 2026-09-13 07:43:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update 优化 使用 ViewTransition 新标签 做动画交互

Browse Source
This commit is contained in:
疯狂的狮子Li 2026-09-10 12:08:40 +08:00
parent b56ebf5ae6
commit 912086075a
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/layouts/BasicLayout.tsx
View File

@ -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}