import AppProps from nextapp;import useRouter from nextrouter;import useEffect useState from react;import stylesglobalscss;function MyApp Component pageProps AppProps const router = useRouter

样式？

在 "../styles/globals.css" 中设置 CSS 样式即可，例如：

.page-wrapper { transition: opacity 0.3s ease-in-out; }

.page-wrapper.animating { opacity: 0; }

这里的样式规则定义了页面的过渡动画效果，在页面切换时，页面容器会渐变为透明，达到平滑过渡的效果。