d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-29 23:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

延迟加载挂件

Browse Source
This commit is contained in:
tangly1024
2022-05-13 15:31:41 +08:00
parent ea148835f6
commit d9d7839e7d
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Live2D.js
View File

@@ -17,7 +17,10 @@ export default function Live2D() {
} }
useEffect(() => { useEffect(() => {
initLive2D() window.addEventListener('scroll', initLive2D)
return () => {
window.removeEventListener('scroll', initLive2D)
}
}, []) }, [])
return <canvas id="live2d" className='cursor-pointer' width="280" height="250" onClick={handleClick} alt='切换主题' title='切换主题' /> return <canvas id="live2d" className='cursor-pointer' width="280" height="250" onClick={handleClick} alt='切换主题' title='切换主题' />
@@ -27,6 +30,7 @@ export default function Live2D() {
* 加载宠物 * 加载宠物
*/ */
function initLive2D() { function initLive2D() {
window.removeEventListener('scroll', initLive2D)
setTimeout(() => { setTimeout(() => {
// 加载 waifu.css live2d.min.js waifu-tips.js // 加载 waifu.css live2d.min.js waifu-tips.js
if (screen.width >= 768) { if (screen.width >= 768) {
@@ -38,5 +42,5 @@ function initLive2D() {
loadlive2d('live2d', BLOG.WIDGET_PET_LINK) loadlive2d('live2d', BLOG.WIDGET_PET_LINK)
}) })
} }
}, 1000) }, 300)
} }