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.
54 lines
1.1 KiB
54 lines
1.1 KiB
<script lang="ts" setup>
|
|
import { computed } from 'vue';
|
|
|
|
import { useAntdDesignTokens } from '@vben/hooks';
|
|
import { preferences, usePreferences } from '@vben/preferences';
|
|
|
|
import { App, ConfigProvider, theme } from 'ant-design-vue';
|
|
|
|
import { antdLocale } from '#/locales';
|
|
|
|
import { useUploadTip } from './upload-tip';
|
|
|
|
defineOptions({ name: 'App' });
|
|
|
|
const { isDark } = usePreferences();
|
|
const { tokens } = useAntdDesignTokens();
|
|
|
|
const tokenTheme = computed(() => {
|
|
const algorithm = isDark.value
|
|
? [theme.darkAlgorithm]
|
|
: [theme.defaultAlgorithm];
|
|
|
|
// antd 紧凑模式算法
|
|
if (preferences.app.compact) {
|
|
algorithm.push(theme.compactAlgorithm);
|
|
}
|
|
|
|
return {
|
|
algorithm,
|
|
token: tokens,
|
|
};
|
|
});
|
|
|
|
useUploadTip();
|
|
</script>
|
|
|
|
<template>
|
|
<ConfigProvider :locale="antdLocale" :theme="tokenTheme">
|
|
<App>
|
|
<RouterView />
|
|
</App>
|
|
</ConfigProvider>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
body {
|
|
/**
|
|
* 全局启用 抗锯齿字体
|
|
* @see https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-smooth
|
|
*/
|
|
@apply antialiased;
|
|
}
|
|
</style>
|