feats

src/components/PageTransition/style.less

@@ -1,7 +1,7 @@
 
 .page-fade-enter {
   opacity: 0;
-  transform: translateY(20%);
+  transform: translateY(10%);
 }
 .page-fade-enter-active {
   opacity: 1;
@@ -13,9 +13,9 @@
 }
 .page-fade-exit-active {
   opacity: 0;
-  transform: translateY(20%);
+  transform: translateY(10%);
 }
 .page-fade-enter-active,
 .page-fade-exit-active {
-  transition: opacity 500ms, transform 500ms;
+  transition: opacity 450ms, transform 450ms;
 }

src/layouts/BasicLayout.jsx

@@ -12,6 +12,7 @@ import { formatMessage } from 'umi-plugin-react/locale';
 import Authorized from '@/utils/Authorized';
 import GlobalHeader from '@/components/GlobalHeader';
 import GlobalFooter from '@/components/GlobalFooter';
+import PageTransition from '@/components/PageTransition';
 import { isAntDesignPro, getAuthorityFromRouter } from '@/utils/utils';
 import logo from '../assets/logo.svg';
 const noMatch = (
@@ -119,9 +120,11 @@ const BasicLayout = (props) => {
       {...props}
       {...settings}
     >
-      <Authorized authority={authorized.authority} noMatch={noMatch}>
-        {children}
-      </Authorized>
+      <PageTransition>
+        <Authorized authority={authorized.authority} noMatch={noMatch}>
+          {children}
+        </Authorized>
+      </PageTransition>
     </ProLayout>
   );
 };

src/layouts/BlankLayout.jsx

@@ -2,11 +2,12 @@ import React from 'react';
 import PageTransition from '@/components/PageTransition';
 
 const Layout = (props) => {
-  return (
-    <PageTransition>
-      {props.children}
-    </PageTransition>
-  );
+  return props.children;
+  // return (
+  //   <PageTransition>
+  //     {props.children}
+  //   </PageTransition>
+  // );
 };
 
 export default Layout;