|
|
@ -21,7 +21,7 @@ function initVideoModal() { |
|
|
let lastFocus = null; |
|
|
let lastFocus = null; |
|
|
const openModal = (src, title) => { |
|
|
const openModal = (src, title) => { |
|
|
lastFocus = document.activeElement; |
|
|
lastFocus = document.activeElement; |
|
|
titleEl.textContent = title || "视频播放"; |
|
|
|
|
|
|
|
|
titleEl.textContent = title || t("video.play"); |
|
|
if (video.getAttribute("src") !== src) video.src = src; |
|
|
if (video.getAttribute("src") !== src) video.src = src; |
|
|
modal.hidden = false; |
|
|
modal.hidden = false; |
|
|
document.body.style.overflow = "hidden"; |
|
|
document.body.style.overflow = "hidden"; |
|
|
@ -40,7 +40,7 @@ function initVideoModal() { |
|
|
}; |
|
|
}; |
|
|
document.querySelectorAll(".v-card").forEach((card) => { |
|
|
document.querySelectorAll(".v-card").forEach((card) => { |
|
|
card.addEventListener("click", () => { |
|
|
card.addEventListener("click", () => { |
|
|
openModal(card.getAttribute("data-video-src") || defaultSrc, card.querySelector(".v-card__title")?.textContent?.trim() || "视频播放"); |
|
|
|
|
|
|
|
|
openModal(card.getAttribute("data-video-src") || defaultSrc, card.querySelector(".v-card__title")?.textContent?.trim() || t("video.play")); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
modal.querySelectorAll("[data-v-modal-close]").forEach((el) => { |
|
|
modal.querySelectorAll("[data-v-modal-close]").forEach((el) => { |
|
|
@ -72,7 +72,7 @@ function initFilterDropdown() { |
|
|
const $dropdown = $item.closest("[data-filter-dropdown]"); |
|
|
const $dropdown = $item.closest("[data-filter-dropdown]"); |
|
|
const $btn = $dropdown.prev("[data-filter-trigger]"); |
|
|
const $btn = $dropdown.prev("[data-filter-trigger]"); |
|
|
if ($item.is("[data-filter-clear]")) { |
|
|
if ($item.is("[data-filter-clear]")) { |
|
|
$btn.find("span").text("按产品筛选"); |
|
|
|
|
|
|
|
|
$btn.find("span").text(t("filter.by_product")); |
|
|
$btn.removeClass("is-selected"); |
|
|
$btn.removeClass("is-selected"); |
|
|
$dropdown.find(".is-active").removeClass("is-active"); |
|
|
$dropdown.find(".is-active").removeClass("is-active"); |
|
|
$item.addClass("is-active"); |
|
|
$item.addClass("is-active"); |
|
|
|