🎨 tag 颜色

This commit is contained in:
Vanessa 2024-12-18 21:15:48 +08:00
parent ff9cbb0a10
commit 7d34a87da4

View File

@ -443,7 +443,7 @@ export class Background {
if (tags) { if (tags) {
let html = ""; let html = "";
const colors = ["secondary", "primary", "info", "success", "warning", "error", "pink"]; const colors = ["secondary", "primary", "info", "success", "warning", "error", "pink"];
new Set(tags.split(",").map(item => item.trim())).forEach((item, index) => { Array.from(new Set(tags.split(",").map(item => item.trim()))).forEach((item, index) => {
if (!item.replace(/ /g, "")) { if (!item.replace(/ /g, "")) {
return; return;
} }
@ -526,7 +526,7 @@ export class Background {
response.data.tags.forEach((item: string, index: number) => { response.data.tags.forEach((item: string, index: number) => {
html += `<div class="b3-list-item b3-list-item--narrow${index === 0 ? " b3-list-item--focus" : ""}"> html += `<div class="b3-list-item b3-list-item--narrow${index === 0 ? " b3-list-item--focus" : ""}">
<div class="fn__flex-1">${item}</div> <div class="fn__flex-1">${item}</div>
${currentTags.includes(Lute.UnEscapeHTMLStr(item))?'<svg class="b3-menu__checked"><use xlink:href="#iconSelect"></use></svg>':""} ${currentTags.includes(Lute.UnEscapeHTMLStr(item)) ? '<svg class="b3-menu__checked"><use xlink:href="#iconSelect"></use></svg>' : ""}
</div>`; </div>`;
}); });
listElement.innerHTML = html; listElement.innerHTML = html;
@ -562,7 +562,7 @@ export class Background {
response.data.tags.forEach((item: string) => { response.data.tags.forEach((item: string) => {
searchHTML += `<div class="b3-list-item b3-list-item--narrow"> searchHTML += `<div class="b3-list-item b3-list-item--narrow">
<div class="fn__flex-1">${item}</div> <div class="fn__flex-1">${item}</div>
${currentTags.includes(Lute.UnEscapeHTMLStr(item.replace(/<mark>/g,"").replace(/<\/mark>/g,"")))?'<svg class="b3-menu__checked"><use xlink:href="#iconSelect"></use></svg>':""} ${currentTags.includes(Lute.UnEscapeHTMLStr(item.replace(/<mark>/g, "").replace(/<\/mark>/g, ""))) ? '<svg class="b3-menu__checked"><use xlink:href="#iconSelect"></use></svg>' : ""}
</div>`; </div>`;
if (item === `<mark>${response.data.k}</mark>`) { if (item === `<mark>${response.data.k}</mark>`) {
hasKey = true; hasKey = true;