Files
NotionNext/components/AOSAnimation.js
2024-07-12 10:04:06 +08:00

25 lines
526 B
JavaScript

import { loadExternalResource } from '@/lib/utils'
import { useEffect } from 'react'
// import AOS from 'aos'
/**
* 加载滚动动画
* 改从外部CDN读取
* https://michalsnik.github.io/aos/
*/
export default function AOSAnimation() {
const initAOS = async () => {
Promise.all([
loadExternalResource('/js/aos.js', 'js'),
loadExternalResource('/css/aos.css', 'css')
]).then(() => {
if (window.AOS) {
window.AOS.init()
}
})
}
useEffect(() => {
initAOS()
}, [])
}