文件名称：with-next-page-transitions
文件大小：5KB
文件格式：ZIP
更新时间：2024-04-29 04:36:56
JavaScript
下一页转换示例 库是一个位于应用程序级别的组件，可让您为页面更改制作动画。 对于具有共享布局元素的应用程序（例如导航栏），它尤其适用。 该组件将确保一次只装入一页，并为您管理动画的时间安排。 该组件与工作原理类似，它在页面周围的容器中应用了类； 编写CSS过渡或动画来使事情变得漂亮由您自己决定！ 此示例包括两个页面，它们之间具有链接。 “关于”页面演示了导航到页面时， next-page-transitions如何轻松地添加加载状态：它将等待页面“加载”其内容（在此示例中，是用超时模拟的），以及然后在完成后隐藏加载指示器并在页面中进行动画处理。 自己部署 使用部署示例： 如何使用 使用或执行以引导示例： npx create-next-app --example with-next-page-transitions with-next-page-transitions-app # or
【文件预览】：
with-next-page-transitions-master
----package.json(320B)
----pages()
--------index.js(243B)
--------about.js(992B)
--------_document.js(946B)
--------_app.js(1KB)
----.gitignore(386B)
----components()
--------Loader.js(619B)
----README.md(2KB)