41 lines
1020 B
Vue
41 lines
1020 B
Vue
<template>
|
|
<n-config-provider :theme="theme">
|
|
<n-message-provider>
|
|
<n-loading-bar-provider>
|
|
<n-dialog-provider>
|
|
<n-notification-provider>
|
|
<router-view />
|
|
</n-notification-provider>
|
|
</n-dialog-provider>
|
|
</n-loading-bar-provider>
|
|
</n-message-provider>
|
|
</n-config-provider>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
import {
|
|
NConfigProvider,
|
|
NMessageProvider,
|
|
NLoadingBarProvider,
|
|
NDialogProvider,
|
|
NNotificationProvider,
|
|
} from 'naive-ui'
|
|
|
|
// 主题设置 (默认使用亮色主题)
|
|
const theme = ref<any>(null) // 可以切换为 darkTheme 以启用暗色模式
|
|
</script>
|
|
|
|
<style>
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
|
|
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 100vh;
|
|
background-color: #f6f6f6;
|
|
}
|
|
</style>
|