<markdown>
# Animationx debug
</markdown>

<template>
  <n-card title="歌曲" style="margin-bottom: 16px">
    <n-tabs type="line" animated>
      <n-tab-pane name="oasis" tab="Oasis" display-directive="show">
        Wonderwall<br>
        Wonderwall<br>
        Wonderwall<br>
        Wonderwall<br>
        Wonderwall<br>
        Wonderwall<br>
        Wonderwall<br>
        Wonderwall<br>
        Wonderwall<br>
      </n-tab-pane>
      <n-tab-pane name="jay chou" tab="周杰伦" display-directive="show">
        七里香
      </n-tab-pane>
      <n-tab-pane name="the beatles" tab="the Beatles" display-directive="show">
        Hey Jude<br>
        Hey Jude<br>
        Hey Jude<br>
        Hey Jude<br>
        Hey Jude<br>
      </n-tab-pane>
    </n-tabs>
  </n-card>
</template>

<style>
.card-tabs .n-tabs-nav--bar-type {
  padding-left: 4px;
}
</style>
