From ef62bd6e98fab0fe4ef6635fa61d55076410e56c Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 9 May 2026 09:02:09 +0800
Subject: [PATCH] fix: restore horizontal slide loading placeholders

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.
---
 src/components/slide/VirtualSlideView.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/slide/VirtualSlideView.vue b/src/components/slide/VirtualSlideView.vue
index 904f28d4..612d90d6 100644
--- a/src/components/slide/VirtualSlideView.vue
+++ b/src/components/slide/VirtualSlideView.vue
@@ -214,7 +214,9 @@ watch(
       <div class="slider-content-container">
         <div ref="slideContentRef" class="slider-content" tabindex="0" @scroll="handleContentScroll">
           <template v-if="loading">
-            <slot name="loading" />
+            <div class="loading-track" :style="{ gap: `${itemGap}px` }">
+              <slot name="loading" />
+            </div>
           </template>
           <template v-else-if="items.length > 0">
             <div class="virtual-track" :style="{ width: `${totalContentWidth}px` }">
@@ -356,8 +358,15 @@ watch(
   inline-size: max-content;
 }
 
+.loading-track {
+  display: flex;
+  inline-size: max-content;
+  min-inline-size: 100%;
+}
+
 .virtual-slide-item,
-.virtual-spacer {
+.virtual-spacer,
+.loading-track > * {
   flex: 0 0 auto;
 }