fix: 🐛 修复出错图片标识的显示错误

hymbz · Oct 12, 2024 · e26e633 · e26e633
1 parent 496043e
commit e26e633
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Manga/actions/imageLoad.ts b/src/components/Manga/actions/imageLoad.ts
@@ -53,7 +53,7 @@ export const handleImgError = (url: string, e?: HTMLImageElement) => {
     img.type = undefined;
     if (
       imgIndex.some((i) => renderImgList().has(i)) &&
-      (imgErrorNum.get(img.src) ?? 0) < 3
+      (imgErrorNum.get(img.src) ?? 0) < 2
     )
       img.loadType = 'wait';
   });
@@ -235,7 +235,7 @@ createEffectOn(loadingImgList, async (downImgList, prevImgList) => {
     if (abortMap.has(url) || store.imgMap[url].blobUrl) continue;
 
     const controller = new AbortController();
-    const handleTimeout = debounce(timeoutAbort, 1000 * 5);
+    const handleTimeout = debounce(timeoutAbort, 1000 * 3);
     controller.signal.addEventListener('abort', handleTimeout.clear);
     abortMap.set(url, controller);
     handleTimeout(url);

diff --git a/src/components/Manga/components/ComicImg.module.css b/src/components/Manga/components/ComicImg.module.css
@@ -37,7 +37,10 @@
     margin-right: inherit;
     margin-bottom: auto;
     margin-left: inherit;
+  }
 
+  & > picture,
+  & > picture::after {
     background-color: var(--hover-bg-color, #fff3);
     background-image: var(--md-photo);
     background-repeat: no-repeat;

diff --git a/src/helper/other.ts b/src/helper/other.ts
@@ -241,6 +241,7 @@ export const waitImgLoad = (
 ) =>
   new Promise<HTMLImageElement>((resolve, reject) => {
     const img = typeof target === 'string' ? new Image() : target;
+    if (img.complete) resolve(img);
 
     const id = timeout
       ? window.setTimeout(() => reject(new Error('timeout')), timeout)