with next page transitions 源码

下一页转换示例 库是一个位于应用程序级别的组件,可让您为页面更改制作动画。 对于具有共享布局元素的应用程序(例如导航栏),它尤其适用。 该组件将确保一次只装入一页,并为您管理动画的时间安排。 该组件与工作原理类似,它在页面周围的容器中应用了类; 编写CSS过渡或动画来使事情变得漂亮由您自己决定! 此示例包括两个页面,它们之间具有链接。 “关于”页面演示了导航到页面时, next-page-transitions如何轻松地添加加载状态:它将等待页面“加载”其内容(在此示例中,是用超时模拟的),以及然后在完成后隐藏加载指示器并在页面中进行动画处理。 自己部署 使用部署示例: 如何使用 使用或执行以引导示例: npx create-next-app --example with-next-page-transitions with-next-page-transitions-app # or