feat: 优化歌单列表 添加加载更多 优化自动布局 优化歌单 mv 歌单类型的动画效果

This commit is contained in:
alger
2024-11-28 23:33:38 +08:00
parent d925f40303
commit f03372de6a
3 changed files with 201 additions and 43 deletions
+6 -1
View File
@@ -10,7 +10,7 @@
:key="item.id"
class="mv-item"
:class="setAnimationClass('animate__bounceIn')"
:style="setAnimationDelay(index, 10)"
:style="getItemAnimationDelay(index)"
>
<div class="mv-item-img" @click="handleShowMv(item, index)">
<n-image
@@ -68,6 +68,11 @@ const offset = ref(0);
const limit = ref(30);
const hasMore = ref(true);
const getItemAnimationDelay = (index: number) => {
const currentPageIndex = index % limit.value;
return setAnimationDelay(currentPageIndex, 30);
};
onMounted(async () => {
await loadMvList();
});