打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Widget:LatestArticleList:修订间差异

来自Vocawiki
删除的内容 添加的内容
(GitHub Actions) AmeroHan: 需要仓库权限的在群里说一声
标签由机器人或全自动脚本执行的操作
(GitHub Actions) AmeroHan: 换用以前的实现方式。SB Extension:MobileFrontend
标签由机器人或全自动脚本执行的操作
第356行: 第356行:


// src/widgets/LatestArticleList/index.ts
// src/widgets/LatestArticleList/index.ts
var THUMB_WIDTH = 128;
var LT = String.fromCodePoint(60), GT = String.fromCodePoint(62), THUMB_WIDTH = 128;
async function fetchPageImages(titles) {
async function fetchPageImages(titles) {
if (titles.length === 0)
if (titles.length === 0)
第378行: 第378行:
}).filter((x) => x !== null);
}).filter((x) => x !== null);
return pageItems.forEach(({ anchorElem }) => {
return pageItems.forEach(({ anchorElem }) => {
anchorElem.innerHTML = `<div class="latest-article-title">${anchorElem.innerHTML}</div>`;
anchorElem.innerHTML = `${LT}div class="latest-article-title"${GT}${anchorElem.innerHTML}${LT}/div${GT}`;
}), [...document.querySelectorAll(".latest-article-list ol")].forEach((ol) => {
}), [...document.querySelectorAll(".latest-article-list ol")].forEach((ol) => {
ol.insertAdjacentHTML("beforeend", `<li class="latest-article-list-view-more"><a href="${encodeURI("/Special:最新页面")}"><${"div"} class="latest-article-title">查看更多</${"div"}></a></li>`);
ol.insertAdjacentHTML("beforeend", `${LT}li class="latest-article-list-view-more"${GT}${LT}a href="${encodeURI("/Special:最新页面")}"${GT}${LT}div class="latest-article-title"${GT}查看更多${LT}/div${GT}${LT}/a${GT}${LT}/li${GT}`);
}), pageItems;
}), pageItems;
}
}
第389行: 第389行:
if (!pageImage)
if (!pageImage)
return;
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>`), anchorElem.classList.add("has-image");
anchorElem.insertAdjacentHTML("afterbegin", `${LT}div class="latest-article-image" style="-webkit-mask-image: -webkit-linear-gradient(0deg, #fff 1em, transparent); mask-image: linear-gradient(90deg, #fff 1em, transparent);"${GT}${LT}img src="${pageImage.source}" loading="lazy" alt=""${GT}${LT}/div${GT}`), anchorElem.classList.add("has-image");
let imgElem = anchorElem.querySelector("img");
let imgElem = anchorElem.querySelector("img");
fac.getColorAsync(imgElem, {
fac.getColorAsync(imgElem, {