From 72e376a6add096fdb86a414eef4e8b2edd80a6ea Mon Sep 17 00:00:00 2001 From: hyper Date: Fri, 27 Feb 2026 21:24:06 +0800 Subject: [PATCH] fix: empty img --- src/components/md-bg.tsx | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) 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;