优化 App.vue 中的国际化代码,调整 LoadingBanner 组件的样式,增加 SubscribeFilesDialog 组件的加载状态管理。

This commit is contained in:
jxxghp
2025-05-12 07:56:52 +08:00
parent 02cd2f1570
commit 11a2d07935
3 changed files with 9 additions and 6 deletions

View File

@@ -23,6 +23,9 @@ const emit = defineEmits(['close'])
// 订阅文件信息
const subScribeInfo = ref<SubscrbieInfo>()
// 是否加载中
const loading = ref(false)
// 下载文件表头
const downloadHeaders = [
{ title: t('dialog.subscribeFiles.episodeColumn'), key: 'episode_number', sortable: true },
@@ -39,9 +42,12 @@ const libraryHeaders = [
// 调用API查询订阅文件信息
async function loadSubscribeFilesInfo() {
try {
loading.value = true
subScribeInfo.value = await api.get(`subscribe/files/${props.subid}`)
} catch (e) {
console.log(e)
} finally {
loading.value = false
}
}
@@ -84,7 +90,8 @@ onBeforeMount(() => {
<VCardItem class="my-2">
<VDialogCloseBtn @click="emit('close')" />
</VCardItem>
<VCardText>
<LoadingBanner v-if="loading" />
<VCardText v-else>
<div class="media-page">
<div class="media-header">
<div class="media-poster">