Widget:LatestArticleList：修订间差异

←上一编辑下一编辑→

删除的内容添加的内容

可视化wikitext

行内

2025年9月27日 (六) 07:03的版本

供{{首页/最新条目}}使用。

此文件为自动生成，手动修改将会被覆盖，请至[1]修改源代码。

@@ 第3行： / 第3行： @@
 此文件为自动生成，手动修改将会被覆盖，请至[https://github.com/Vocawiki/wiki-frontend/blob/main/src/widgets/LatestArticleList/index.ts]修改源代码。</noinclude><includeonly><!--{if !isset($LatestArticleList_called) || !$LatestArticleList_called}--><!--{assign var="LatestArticleList_called" value=true scope="global"}--><script type="module">
 // src/widgets/LatestArticleList/index.ts
-async function getPageImages(titles) {
+async function fetchPageImages(titles) {
   if (titles.length === 0)
     return {};
@@ 第22行： / 第22行： @@
     let anchorElem = liElem.querySelector('a[href^="/"]');
     return anchorElem?.title ? { liElem, anchorElem, title: anchorElem.textContent } : null;
-  }).filter((x) => x !== null), pageImages = await getPageImages([...new Set(pageItems.map((x) => x.title))]);
+  }).filter((x) => x !== null);
-  for (let { anchorElem, title } of pageItems) {
+  pageItems.forEach(({ anchorElem }) => {
+    anchorElem.innerHTML = `<div class="latest-article-title">${anchorElem.innerHTML}</div>`;
+  });
+  let pageImages = await fetchPageImages([...new Set(pageItems.map((x) => x.title))]);
+  pageItems.forEach(({ anchorElem, title }) => {
     let pageImage = pageImages[title];
+    if (!pageImage)
-    anchorElem.innerHTML = (pageImage ? `<div class="latest-article-image" style="-webkit-mask-image: -webkit-linear-gradient(0deg, #fff 1em, transparent); mask-image: linear-gradient(90deg, #fff 1em, transparent);"><img src="${pageImage.source}" loading="lazy" alt=""></div>` : "") + `<div class="latest-article-title">${anchorElem.innerHTML}</div>`, anchorElem.setAttribute("data-dom-modified", "");
+      return;
-  }
+    anchorElem.insertAdjacentHTML("afterbegin", `<div class="latest-article-image" style="-webkit-mask-image: -webkit-linear-gradient(0deg, #fff 1em, transparent); mask-image: linear-gradient(90deg, #fff 1em, transparent);"><img src="${pageImage.source}" loading="lazy" alt=""></div>`);
+  });
 }
 window.RLQ = window.RLQ || [];