opensource/plus-ui
2
0
Fork 0
mirror of https://gitee.com/JavaLionLi/plus-ui.git synced 2026-09-17 01:04:40 +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 zhCN from 'antd/locale/zh_CN';
import 'dayjs/locale/zh-cn'; import 'dayjs/locale/zh-cn';
import dayjs from 'dayjs'; 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 type { RuntimeMenuItem } from '@/api/types';
import { logout } from '@/api/login'; import { logout } from '@/api/login';
import { isHandledRequestError } from '@/api/request'; import { isHandledRequestError } from '@/api/request';
@ -488,7 +488,10 @@ export default function BasicLayout() {
onRefresh={() => setRefreshKey(value => value + 1)} 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> </ProLayout>
<LayoutSettings <LayoutSettings
open={settingsOpen} open={settingsOpen}