lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-24 16:27:23 +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
src/layout/components/PlayBar.vue
+13 -6
View File
@@ -79,10 +79,12 @@
</template> </template>
<div class="music-play-list"> <div class="music-play-list">
<div class="music-play-list-back"></div> <div class="music-play-list-back"></div>
<n-virtual-list :item-size="75" item-resizable> <n-virtual-list :item-size="57" item-resizable :items="playList">
<div class="music-play-list-content"> <template #default="{ item }">
<song-item v-for="item in playList" :key="item.id" :item="item" mini></song-item> <div class="music-play-list-content">
</div> <song-item :key="item.id" :item="item" mini></song-item>
</div>
</template>
</n-virtual-list> </n-virtual-list>
</div> </div>
</n-popover> </n-popover>
@@ -304,13 +306,14 @@ const setMusicFull = () => {
.music-play { .music-play {
&-list { &-list {
height: 50vh; height: 50vh;
@apply relative rounded-3xl overflow-hidden; width: 300px;
@apply relative rounded-3xl overflow-hidden py-2;
&-back { &-back {
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
@apply absolute top-0 left-0 w-full h-full bg-gray-800 bg-opacity-75; @apply absolute top-0 left-0 w-full h-full bg-gray-800 bg-opacity-75;
} }
&-content { &-content {
padding: 10px; @apply mx-2;
} }
} }
} }
@@ -346,4 +349,8 @@ const setMusicFull = () => {
flex: 1; flex: 1;
} }
} }
:deep(.n-popover) {
box-shadow: none;
}
</style> </style>