92 lines
2.2 KiB
Vue
92 lines
2.2 KiB
Vue
<script lang="ts" setup>
|
|
import { computed } from 'vue';
|
|
|
|
import { GlobalProvider } from '@vben/widgets';
|
|
import { preferences, usePreferences } from '@vben-core/preferences';
|
|
|
|
import { App, ConfigProvider, theme } from 'ant-design-vue';
|
|
import zhCN from 'ant-design-vue/es/locale/zh_CN';
|
|
import dayjs from 'dayjs';
|
|
|
|
import 'dayjs/locale/zh-cn';
|
|
|
|
defineOptions({ name: 'App' });
|
|
|
|
dayjs.locale(zhCN.locale);
|
|
|
|
const { isDark } = usePreferences();
|
|
|
|
const tokenTheme = computed(() => {
|
|
const algorithm = isDark.value
|
|
? [theme.darkAlgorithm]
|
|
: [theme.defaultAlgorithm];
|
|
|
|
// antd 紧凑模式算法
|
|
if (preferences.app.compact) {
|
|
algorithm.push(theme.compactAlgorithm);
|
|
}
|
|
|
|
return {
|
|
algorithm,
|
|
token: { colorPrimary: preferences.theme.colorPrimary },
|
|
};
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<GlobalProvider>
|
|
<ConfigProvider :locale="zhCN" :theme="tokenTheme">
|
|
<App>
|
|
<RouterView />
|
|
</App>
|
|
</ConfigProvider>
|
|
</GlobalProvider>
|
|
</template>
|
|
|
|
<!-- <style>
|
|
:root {
|
|
--background: 0 0% 100%;
|
|
--foreground: 240 10% 3.9%;
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 240 10% 3.9%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 240 10% 3.9%;
|
|
--primary: 240 5.9% 10%;
|
|
--primary-foreground: 0 0% 98%;
|
|
--secondary: 240 4.8% 95.9%;
|
|
--secondary-foreground: 240 5.9% 10%;
|
|
--muted: 240 4.8% 95.9%;
|
|
--muted-foreground: 240 3.8% 46.1%;
|
|
--accent: 240 4.8% 95.9%;
|
|
--accent-foreground: 240 5.9% 10%;
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 0 0% 98%;
|
|
--border: 240 5.9% 90%;
|
|
--input: 240 5.9% 90%;
|
|
--ring: 240 5.9% 10%;
|
|
--radius: 0.25rem;
|
|
}
|
|
|
|
.dark {
|
|
--background: 240 10% 3.9%;
|
|
--foreground: 0 0% 98%;
|
|
--card: 240 10% 3.9%;
|
|
--card-foreground: 0 0% 98%;
|
|
--popover: 240 10% 3.9%;
|
|
--popover-foreground: 0 0% 98%;
|
|
--primary: 0 0% 98%;
|
|
--primary-foreground: 240 5.9% 10%;
|
|
--secondary: 240 3.7% 15.9%;
|
|
--secondary-foreground: 0 0% 98%;
|
|
--muted: 240 3.7% 15.9%;
|
|
--muted-foreground: 240 5% 64.9%;
|
|
--accent: 240 3.7% 15.9%;
|
|
--accent-foreground: 0 0% 98%;
|
|
--destructive: 0 62.8% 30.6%;
|
|
--destructive-foreground: 0 0% 98%;
|
|
--border: 240 3.7% 15.9%;
|
|
--input: 240 3.7% 15.9%;
|
|
--ring: 240 4.9% 83.9%;
|
|
}
|
|
</style> -->
|