Xây dựng xã hội kỹ app cá cược bóng đá số nâng cao

{ const { start, end } = this.parseYearRange(range); return year >= bắt đầu && năm<= end; }); }, init() { this.$nextTick(() => { const swiper = document.querySelector(".swiper-main").swiper; const yearSwiper = document.querySelector(".swiper-years").swiper; if (!swiper) return; this.swiperInstance = swiper; swiper.on("slideChange", () => { const currentSlide = swiper.slides[swiper.activeIndex]; const year = parseInt(currentSlide.getAttribute("data-year")); // Find which range this year belongs to using dynamic logic const newRange = this.findYearRange(year); if (newRange && newRange !== this.activeYearRange) { // Update active year range this.activeYearRange = newRange; // Center the corresponding year button const yearIndex = this.years.indexOf(newRange); if (yearIndex !== -1) { yearSwiper.slideTo(yearIndex); } } // Dynamic centering: disable centering for first slide, enable for others if (window.innerWidth >= 1024) { const shouldCenter = swiper.activeIndex > 0; if (swiper.params.centeredSlides !== shouldCenter) { swiper.params.centeredSlides = shouldCenter; swiper.update(); } } }); // Initialize proper state on load setTimeout(() => { if (window.innerWidth >= 1024) { // Start with first slide properly positioned (no centering) swiper.params.centeredSlides = false; swiper.update(); swiper.slideTo(0, 0, false); // Go to first slide without animation } }, 100); // Add height equalization const equalizeHeights = () => { const contents = document.querySelectorAll(".item-content"); let maxHeight = 0; // Reset heights first contents.forEach(content => { content.style.height = "auto"; }); // Find max height contents.forEach(content => { const height = content.offsetHeight; maxHeight = Math.max(maxHeight, height); }); // Apply max height to all contents.forEach(content => { content.style.height = maxHeight + "px"; }); }; // Run on init setTimeout(equalizeHeights, 150); // Run on window resize window.addEventListener("resize", equalizeHeights); // Run when swiper updates this.swiperInstance.on("update", equalizeHeights); }); this.$watch("activeYearRange", (value) =>nếu (window.innerWidth< 640) { const activeIndex = this.years.indexOf(value); document.querySelector(".swiper-years").swiper.slideTo(activeIndex); } }); }, scrollTo(yearRange) { this.activeYearRange = yearRange; const { start } = this.parseYearRange(yearRange); const targetSlide = this.cards.findIndex(card => parseInt(card.year) >= start); if (targetSlide !== -1) { const swiper = document.querySelector(".swiper-main").swiper; // For first slide, ensure centering is disabled before sliding if (targetSlide === 0 && window.innerWidth >= 1024) { swiper.params.centeredSlides = false; swiper.update(); swiper.slideTo(0, 800, true); } else if (window.innerWidth >= 1024) { // For other slides, enable centering swiper.params.centeredSlides = true; swiper.update(); swiper.slideTo(targetSlide, 800, true); } else { // Mobile behavior remains the same swiper.slideTo(targetSlide, 800, true); } } }, getYearRangeClass(yearRange) { return this.activeYearRange === yearRange ? this.activeButtonBg + " " + this.activeButtonBorder + " border-[1px] text-white" : "bg-white border-[1px] border-neutral-extralight border-solid"; } }">