${[1, 2, 3, 7, 8, 9, 13, 14, 15] .map( (i) => `

` ) .join("")}

${[4, 5, 6, 10, 11, 12, 16, 17, 18] .map( (i) => `

` ) .join("")}

`; document.body.prepend(wrapper); setTimeout(() => { // 3. Запускаем анимации const items = wrapper.querySelectorAll(".preloader__item"); items.forEach((item) => item.classList.add("_view")); setTimeout(() => { const cols = wrapper.querySelectorAll(".preloader__column"); cols.forEach((col) => col.classList.add("_translate")); const logo = wrapper.querySelector(".preloader__logo"); logo.innerHTML = `

`; logo.classList.add("_view"); }, 1300); // 4. По окончании — скрываем и удаляем всё setTimeout(() => { // Скрываем прелоадер const preloader = wrapper.querySelector(".preloader"); const logo = wrapper.querySelector(".preloader__logo"); logo.innerHTML = ""; preloader.classList.add("_hide"); // Возвращаем видимость Nuxt if (nuxtRoot) nuxtRoot.style.visibility = "visible"; // Убираем элементы из DOM wrapper.remove(); const cssLink = document.getElementById("preloader-css"); if (cssLink) cssLink.remove(); document.getElementById("__nuxt").style.visibility = "visible !important"; }, 3900); }, 1000); // Задержка для плавного появления } // Оборачиваем в проверку localStorage window.addEventListener("load", () => { // Если в этой сессии анимация уже сработала — ничего не делаем if (localStorage.getItem("preloaderShown")) { const nuxtRoot = document.getElementById("__nuxt"); if (nuxtRoot) { nuxtRoot.style.visibility = "visible"; console.log(document, nuxtRoot); } return; } // Иначе отмечаем, что показали, и запускаем localStorage.setItem("preloaderShown", "true"); injectPreloader(); }); })();

Палец CAT 428 / MTR

Услуги

Время работы

Адрес магазина

Услуги

Продукты