You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.3 KiB
50 lines
1.3 KiB
<template>
|
|
<ConfigProvider :locale="getAntdLocale" :theme="themeConfig">
|
|
<AppProvider>
|
|
<RouterView />
|
|
</AppProvider>
|
|
</ConfigProvider>
|
|
<router-view v-if="isRouterActive"></router-view>
|
|
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { AppProvider } from '@/components/Application';
|
|
import { useTitle } from '@/hooks/web/useTitle';
|
|
import { useLocale } from '@/locales/useLocale';
|
|
import { ConfigProvider } from 'ant-design-vue';
|
|
|
|
import { useDarkModeTheme } from '@/hooks/setting/useDarkModeTheme';
|
|
import 'dayjs/locale/zh-cn';
|
|
import { computed } from 'vue';
|
|
// 在App.vue中
|
|
// import { provide, nextTick, ref } from 'vue'
|
|
// const isRouterActive = ref(true)
|
|
// provide('reload', () => {
|
|
// isRouterActive.value = false
|
|
// nextTick(() => {
|
|
// isRouterActive.value = true
|
|
// })
|
|
// })
|
|
// support Multi-language
|
|
const { getAntdLocale } = useLocale();
|
|
|
|
const { isDark, darkTheme } = useDarkModeTheme();
|
|
|
|
const themeConfig = computed(() =>
|
|
Object.assign(
|
|
{
|
|
token: {
|
|
// colorPrimary: '#0084f4',
|
|
// colorSuccess: '#55D187',
|
|
// colorWarning: '#EFBD47',
|
|
// colorError: '#ED6F6F',
|
|
// colorInfo: '#0084f4',
|
|
},
|
|
},
|
|
isDark.value ? darkTheme : {},
|
|
),
|
|
);
|
|
// Listening to page changes and dynamically changing site titles
|
|
useTitle();
|
|
</script>
|
|
|