修改动画 完善搜索

This commit is contained in:
alger
2021-09-28 17:31:20 +08:00
parent 3c1318fe20
commit 0bcf75e647
10 changed files with 96 additions and 62 deletions
+7 -2
View File
@@ -8,7 +8,12 @@
>
<!-- 推荐音乐列表 -->
<template v-for="(item, index) in recommendMusic?.result" :key="item.id">
<song-item :item="item" :index="index" />
<div
:class="setAnimationClass('animate__bounceInUp')"
:style="setAnimationDelay(index, 100)"
>
<song-item :item="item" />
</div>
</template>
</div>
</div>
@@ -18,7 +23,7 @@
import { onMounted, ref } from "vue";
import { getRecommendMusic } from "@/api/home";
import type { IRecommendMusic } from "@/type/music";
import { setAnimationClass } from "@/utils";
import { setAnimationClass, setAnimationDelay } from "@/utils";
import SongItem from "./common/SongItem.vue";
// 推荐歌曲
const recommendMusic = ref<IRecommendMusic>();