lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-29 03:17:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: 添加播放历史计数

Browse Source
This commit is contained in:
alger
2023-12-29 16:13:05 +08:00
parent 492164d008
commit 2dbf5dbf03
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/history/index.vue
+6
View File
@@ -6,6 +6,9 @@
<div class="history-item" v-for="(item, index) in musicList" :key="item.id" <div class="history-item" v-for="(item, index) in musicList" :key="item.id"
:class="setAnimationClass('animate__bounceIn')" :style="setAnimationDelay(index, 30)"> :class="setAnimationClass('animate__bounceIn')" :style="setAnimationDelay(index, 30)">
<song-item class="history-item-content" :item="item" /> <song-item class="history-item-content" :item="item" />
<div class="history-item-count">
{{ item.count }}
</div>
<div class="history-item-delete"> <div class="history-item-delete">
<i class="iconfont icon-close" @click="delMusic(item)"></i> <i class="iconfont icon-close" @click="delMusic(item)"></i>
</div> </div>
@@ -36,6 +39,9 @@ const {delMusic, musicList} = useMusicHistory();
&-content{ &-content{
@apply flex-1; @apply flex-1;
} }
&-count{
@apply px-4 text-lg;
}
&-delete{ &-delete{
@apply cursor-pointer rounded-full border-2 border-gray-400 w-8 h-8 flex justify-center items-center; @apply cursor-pointer rounded-full border-2 border-gray-400 w-8 h-8 flex justify-center items-center;
} }