feat: 更新音乐页面加载状态显示,使用 LoadingBanner 替代 VSkeletonLoader

This commit is contained in:
jxxghp
2026-08-09 12:56:05 +08:00
parent 139721d62a
commit f21274ebca
2 changed files with 2 additions and 2 deletions

View File

@@ -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 />

View File

@@ -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" />