mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 15:09:22 +00:00
41 lines
978 B
JavaScript
41 lines
978 B
JavaScript
import { useEffect } from 'react'
|
|
// import anime from 'animejs'
|
|
import { siteConfig } from '@/lib/config'
|
|
import { loadExternalResource } from '@/lib/utils'
|
|
|
|
/**
|
|
* 鼠标跟随特效
|
|
* @returns
|
|
*/
|
|
const MOUSE_FOLLOW = () => {
|
|
const type = siteConfig('MOUSE_FOLLOW_EFFECT_TYPE')
|
|
const color = siteConfig('MOUSE_FOLLOW_EFFECT_COLOR')
|
|
|
|
useEffect(() => {
|
|
loadExternalResource('/js/mouse-follow.js', 'js').then(url => {
|
|
window.createMouseCanvas && window.createMouseCanvas()({ type, color })
|
|
})
|
|
|
|
return () => {
|
|
// 在组件卸载时清理资源
|
|
const mouseFollowElement = document.getElementById('vixcityCanvas')
|
|
mouseFollowElement?.parentNode?.removeChild(mouseFollowElement)
|
|
}
|
|
}, [])
|
|
|
|
return (
|
|
<>
|
|
<style global jsx>
|
|
{`
|
|
@media (max-width: 600px) {
|
|
#vixcityCanvas {
|
|
display: none;
|
|
}
|
|
}
|
|
`}
|
|
</style>
|
|
</>
|
|
)
|
|
}
|
|
export default MOUSE_FOLLOW
|