diff --git a/src/components/md-bg.tsx b/src/components/md-bg.tsx index 2baaf35..347acfd 100644 --- a/src/components/md-bg.tsx +++ b/src/components/md-bg.tsx @@ -32,15 +32,16 @@ customElement("md-bg", {}, (props, { element }) => { const [image] = createResource(resolvedSrc, loadImage); - createEffect(() => { - // 图片加载完成后,将背景图片设置到 article 元素 - console.log(resolvedSrc, image(), articleEl); - if (image() && articleEl) { - articleEl.style.backgroundImage = `url(${resolvedSrc})`; - articleEl.style.backgroundSize = 'cover'; - articleEl.style.backgroundPosition = 'center'; - articleEl.style.backgroundRepeat = 'no-repeat'; - } + createEffect(() => { + // 图片加载完成后,将背景图片设置到 article 元素 + if(!articleEl)return; + articleEl.style.backgroundImage = ''; + if (image()) { + articleEl.style.backgroundImage = `url(${resolvedSrc})`; + articleEl.style.backgroundSize = 'cover'; + articleEl.style.backgroundPosition = 'center'; + articleEl.style.backgroundRepeat = 'no-repeat'; + } }); return null;