fix(projects): 修复顶部加载条主题

This commit is contained in:
Soybean
2021-08-26 17:43:03 +08:00
parent d00bb2286e
commit ea5917d225
11 changed files with 58 additions and 36 deletions

34
src/AppProvider.vue Normal file
View File

@ -0,0 +1,34 @@
<template>
<n-config-provider :locale="zhCN" :date-locale="dateZhCN" :theme="theme" :theme-overrides="app.themeOverrids">
<n-loading-bar-provider>
<n-dialog-provider>
<n-notification-provider>
<n-message-provider>
<slot></slot>
<app-provider-content />
</n-message-provider>
</n-notification-provider>
</n-dialog-provider>
</n-loading-bar-provider>
</n-config-provider>
</template>
<script lang="ts" setup>
import { computed } from 'vue';
import {
NConfigProvider,
darkTheme,
zhCN,
dateZhCN,
NLoadingBarProvider,
NDialogProvider,
NNotificationProvider,
NMessageProvider
} from 'naive-ui';
import { AppProviderContent } from '@/components';
import { useAppStore } from '@/store';
const app = useAppStore();
const theme = computed(() => (app.themeSettings.darkMode ? darkTheme : undefined));
</script>
<style scoped></style>