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

🐞 fix: 修复播放列表无法显示问题

Browse Source
This commit is contained in:
alger
2024-09-13 09:08:57 +08:00
parent 791121ae06
commit a98fcb43d6
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/layout/components/PlayBar.vue
View File

@@ -79,10 +79,12 @@
</template>
<div class="music-play-list">
<div class="music-play-list-back"></div>
<n-virtual-list :item-size="75" item-resizable>
<div class="music-play-list-content">
<song-item v-for="item in playList" :key="item.id" :item="item" mini></song-item>
</div>
<n-virtual-list :item-size="57" item-resizable :items="playList">
<template #default="{ item }">
<div class="music-play-list-content">
<song-item :key="item.id" :item="item" mini></song-item>
</div>
</template>
</n-virtual-list>
</div>
</n-popover>
@@ -304,13 +306,14 @@ const setMusicFull = () => {
.music-play {
&-list {
height: 50vh;
@apply relative rounded-3xl overflow-hidden;
width: 300px;
@apply relative rounded-3xl overflow-hidden py-2;
&-back {
backdrop-filter: blur(20px);
@apply absolute top-0 left-0 w-full h-full bg-gray-800 bg-opacity-75;
}
&-content {
padding: 10px;
@apply mx-2;
}
}
}
@@ -346,4 +349,8 @@ const setMusicFull = () => {
flex: 1;
}
}
:deep(.n-popover) {
box-shadow: none;
}
</style>