Browse Source

feat(solution.js): 核心系统/产品超过3个才展示切换按钮

master
peijunlei 1 week ago
parent
commit
90b314d3b6
  1. 8
      public/themes/dist_static/static/js/solution.js

8
public/themes/dist_static/static/js/solution.js

@ -12,10 +12,18 @@ function initCoreSwiper() {
const root = document.querySelector(".sl-core");
const el = root?.querySelector(".sl-core__swiper");
if (!root || !el || !window.Swiper) return;
const slideCount = el.querySelectorAll(".swiper-wrapper > .swiper-slide").length;
// 一屏展示 3 条,不超过 3 条时隐藏切换按钮
if (slideCount <= 3) {
root.querySelectorAll(".sl-core__head .s-arrows").forEach((node) => {
node.style.display = "none";
});
}
new window.Swiper(el, {
slidesPerView: 3,
spaceBetween: 40,
speed: 600,
watchOverflow: true,
navigation: {
prevEl: root.querySelector(".sl-core__head .s-arrows__prev"),
nextEl: root.querySelector(".sl-core__head .s-arrows__next")

Loading…
Cancel
Save