use animatecss + wow

This commit is contained in:
tangly1024.com
2024-02-08 11:42:31 +08:00
parent b56b4ee192
commit 940fde5609
2 changed files with 160 additions and 427 deletions

View File

@@ -37,6 +37,7 @@ const loadExternal = async () => {
await loadExternalResource('https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js', 'js');
await loadExternalResource('https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.css', 'css');
await loadExternalResource('https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js', 'js');
// 配合animatecss 实现延时滚动动画和AOS动画相似
const WOW = window.WOW;
if (WOW) {
new WOW().init();
@@ -60,7 +61,8 @@ const LayoutBase = (props) => {
return <>
<Style/>
<div id='theme-landing-2' className="flex flex-col justify-between bg-white dark:bg-black">
<div id='theme-landing-2'>
<NavBar/>
{children}