先看样式

再看代码

<div v-else class="relative">
  <n-tabs ref="tabsInstRef" v-model:value="selectValue" class="min-w-3xl myTabs">
    <n-tab-pane
      v-for="(tab) in songsTags" :key="tab.name" display-directive="show:lazy"
      :name="tab.name"
    >
      <SongListSkeleton v-if="currentSongList.loading" />
      <div v-else class="mt-4">
        <SongList :songs="currentSongList.list" />
        <ListLoading
          v-if="currentSongList.list.length > 15"
          :no-more="currentSongList.noMore"
          :load-more="loadMore"
        />
      </div>
    </n-tab-pane>
  </n-tabs>
</div>