jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 封装全屏加载

Browse Source
This commit is contained in:
xlsea
2024-09-05 11:54:54 +08:00
parent 0c3ea2dc86
commit f2912f64fc
6 changed files with 50 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/common/app-provider.vue
View File

@ -1,13 +1,13 @@
<script setup lang="ts">
import { createTextVNode, defineComponent } from 'vue';
import { useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui';
import { useLoading } from '@sa/hooks';
import useContentLoading from '@/hooks/common/loading';
defineOptions({
name: 'AppProvider'
});
const loading = useLoading(false);
const contentLoading = useContentLoading();
const ContextHolder = defineComponent({
name: 'ContextHolder',
@ -17,7 +17,7 @@ const ContextHolder = defineComponent({
window.$dialog = useDialog();
window.$message = useMessage();
window.$notification = useNotification();
window.$loading = loading;
window.$loading = contentLoading;
}
register();
@ -28,7 +28,13 @@ const ContextHolder = defineComponent({
</script>
<template>
<NSpin class="h-full" content-class="h-full" :show="loading.loading.value">
<NSpin
class="h-full"
:size="52"
content-class="h-full"
:show="contentLoading.loading.value"
:description="contentLoading.description.value"
>
<NLoadingBarProvider>
<NDialogProvider>
<NNotificationProvider>
@ -42,4 +48,9 @@ const ContextHolder = defineComponent({
</NSpin>
</template>
<style scoped></style>
<style scoped>
:deep(.n-spin-description) {
margin-top: 24px;
font-size: 16px;
}
</style>