GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-28 03:27:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: restore horizontal slide loading placeholders

Browse Source 
Wrap VirtualSlideView loading content in a horizontal track so media and person slide skeletons keep their original full-width carousel layout and title presentation during loading.
This commit is contained in:
jxxghp
2026-05-09 09:02:40 +08:00
parent 876a46607b
commit ef62bd6e98
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/slide/VirtualSlideView.vue
+11 -2
View File
@@ -214,7 +214,9 @@ watch(
<div class="slider-content-container"> <div class="slider-content-container">
<div ref="slideContentRef" class="slider-content" tabindex="0" @scroll="handleContentScroll"> <div ref="slideContentRef" class="slider-content" tabindex="0" @scroll="handleContentScroll">
<template v-if="loading"> <template v-if="loading">
<slot name="loading" /> <div class="loading-track" :style="{ gap: `${itemGap}px` }">
<slot name="loading" />
</div>
</template> </template>
<template v-else-if="items.length > 0"> <template v-else-if="items.length > 0">
<div class="virtual-track" :style="{ width: `${totalContentWidth}px` }"> <div class="virtual-track" :style="{ width: `${totalContentWidth}px` }">
@@ -356,8 +358,15 @@ watch(
inline-size: max-content; inline-size: max-content;
} }
.loading-track {
display: flex;
inline-size: max-content;
min-inline-size: 100%;
}
.virtual-slide-item, .virtual-slide-item,
.virtual-spacer { .virtual-spacer,
.loading-track > * {
flex: 0 0 auto; flex: 0 0 auto;
} }