From f21274ebca5e0d61b00ecc5421c4cd26cd2f85ea Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 9 Aug 2026 12:56:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E9=9F=B3=E4=B9=90?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8A=A0=E8=BD=BD=E7=8A=B6=E6=80=81=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=EF=BC=8C=E4=BD=BF=E7=94=A8=20LoadingBanner=20?=
 =?UTF-8?q?=E6=9B=BF=E4=BB=A3=20VSkeletonLoader?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/slide/VirtualSlideView.vue | 2 +-
 src/pages/music.vue                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/slide/VirtualSlideView.vue b/src/components/slide/VirtualSlideView.vue
index 548a305e..da1a1b6f 100644
--- a/src/components/slide/VirtualSlideView.vue
+++ b/src/components/slide/VirtualSlideView.vue
@@ -232,7 +232,7 @@ watch(
 </script>
 
 <template>
-  <div class="slider-container" :class="{ 'is-scrolling': isScrolling }">
+  <div v-show="loading || items.length > 0" class="slider-container" :class="{ 'is-scrolling': isScrolling }">
     <div class="slider-header">
       <slot name="title">
         <SlideViewTitle />
diff --git a/src/pages/music.vue b/src/pages/music.vue
index 1a994e7a..6889c5ac 100644
--- a/src/pages/music.vue
+++ b/src/pages/music.vue
@@ -42,7 +42,7 @@ watch(query, searchMusic, { immediate: true })
   <div class="music-search-page">
     <VPageContentTitle :title="query || t('music.title')" />
 
-    <VSkeletonLoader v-if="loading" type="card, card, card" />
+    <LoadingBanner v-if="loading" class="mt-12" />
     <VRow v-else-if="results.length">
       <VCol v-for="item in results" :key="getMusicKey(item)" cols="12" md="6" xl="4">
         <MusicCard :music="item" />