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

fix loading banner

Browse Source
This commit is contained in:
jxxghp
2024-06-02 21:27:24 +08:00
parent 8f970e0008
commit d6b17debb4
1 changed files with 8 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/@core/components/LoadingBanner.vue
+8 -21
View File
@@ -1,28 +1,15 @@
<script lang="ts" setup> <script lang="ts" setup>
// 定义输入参数 // 定义输入参数
const props = defineProps({ const props = defineProps({
progress: Number, progress: Number,
text: String text: String,
}) })
</script> </script>
<template> <template>
<div <div class="w-full text-center text-gray-500 text-sm flex flex-col items-center">
class="w-full text-center text-gray-500 text-sm flex flex-col items-center" <VProgressCircular v-if="!props.text || !props.progress" size="48" indeterminate color="primary" />
> <VProgressCircular v-if="props.progress" class="mb-3" color="primary" :model-value="props.progress" size="64" />
<VProgressCircular
v-if="!props.text"
size="48"
indeterminate
color="primary"
/>
<VProgressCircular
v-if="props.progress"
class="mb-3"
color="primary"
:model-value="props.progress"
size="64"
/>
<span>{{ props.text }}</span> <span>{{ props.text }}</span>
</div> </div>
</template> </template>