mirror of
https://github.com/caojiezi2003/Snavigation.git
synced 2025-04-05 07:16:57 +00:00
66 lines
1.3 KiB
Vue
66 lines
1.3 KiB
Vue
<template>
|
|
<!-- 全局配置组件 -->
|
|
<n-config-provider
|
|
:locale="zhCN"
|
|
:date-locale="dateZhCN"
|
|
:theme="darkTheme"
|
|
:theme-overrides="themeOverrides"
|
|
abstract
|
|
inline-theme-disabled
|
|
>
|
|
<n-dialog-provider>
|
|
<n-notification-provider>
|
|
<n-message-provider :max="1">
|
|
<slot />
|
|
<NaiveProviderContent />
|
|
</n-message-provider>
|
|
</n-notification-provider>
|
|
</n-dialog-provider>
|
|
</n-config-provider>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { defineComponent } from "vue";
|
|
import {
|
|
zhCN,
|
|
dateZhCN,
|
|
darkTheme,
|
|
NConfigProvider,
|
|
NDialogProvider,
|
|
NNotificationProvider,
|
|
NMessageProvider,
|
|
useDialog,
|
|
useNotification,
|
|
useMessage,
|
|
} from "naive-ui";
|
|
|
|
// 全局主题
|
|
const themeOverrides = {
|
|
common: {
|
|
fontFamily: "'HarmonyOS_Regular', sans-serif",
|
|
primaryColor: "#ffffff",
|
|
primaryColorHover: "#ffffff70",
|
|
primaryColorSuppl: "#ffffff30",
|
|
primaryColorPressed: "#ffffff30",
|
|
},
|
|
};
|
|
|
|
// 挂载 Naive 组件
|
|
const setupNaiveTools = () => {
|
|
// 通知
|
|
window.$notification = useNotification();
|
|
// 信息
|
|
window.$message = useMessage();
|
|
// 对话框
|
|
window.$dialog = useDialog();
|
|
};
|
|
|
|
// Naive 功能组件
|
|
const NaiveProviderContent = defineComponent({
|
|
setup() {
|
|
setupNaiveTools();
|
|
},
|
|
render() {},
|
|
});
|
|
</script>
|