导航方向变体

你可能想根据前进或后退的导航方向应用不同的类。在导航时，.slidev-nav-go-forward 或 .slidev-nav-go-backward 类会应用到幻灯片容器上，你可以使用它们应用不同的样式或动画：

/* 示例：仅在前进时延迟，后退时不延迟 */
.slidev-nav-go-forward .slidev-vclick-target {
  transition-delay: 500ms;
}
.slidev-nav-go-backward .slidev-vclick-target {
  transition-delay: 0;
}

为了更方便，我们还为此提供了一些 UnoCSS 变体。你可以使用 forward: 或 backward: 前缀到任何 UnoCSS 类，使它们仅在特定的导航方向上启用：

<div v-click class="transition delay-300">Element</div>
<div v-click class="transition forward:delay-300">Element</div>

在上面的示例中，动画仅在前进导航时延迟。