Я пытаюсь использовать Animate Svelte: Flip, чтобы изменить цвет фона текущего тега в заголовке, от текущего активного пути к одному щелчке (другая страница), но я не могу понять, как пережить переход от одного к другой. Например, как бы он узнал, какой элемент является «последним», который ему нужно оживить? Мне было только в состоянии найти примеры того, как FLIP используется в списках последовательно, поэтому, возможно, я пытаюсь использовать неправильную функцию одования.
Код: Выделить всё
import { page } from "$app/state";
import { flip } from "svelte/animate";
import Logo from "$lib/components/visual/Logo.svelte";
const nav = [
{ href: "/", label: "Home" },
{ href: "/product", label: "Product" },
{ href: "/about", label: "About" },
{ href: "/pricing", label: "Pricing" },
];
{#each nav as link (link.href)}
{@const isActive = page.url.pathname === link.href}
{link.label}
{/each}
«Bg-background2/60»-это та часть, которую я пытаюсь анимировать, которая в настоящее время показывает, соответствует ли текущий путь URL>
Подробнее здесь:
https://stackoverflow.com/questions/795 ... -an-elemen
Мобильная версия