WFC/fe.wfc.user
2
0
Fork 0
Code Activity

fix:参考文档进行的CSS逻辑属性兼容性处理

Browse Source
This commit is contained in:
zhongzm
2024-12-26 19:55:41 +08:00
parent cafca0ec11
commit 9903aafe38
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.vue
View File

@@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed } from 'vue'; import { computed } from 'vue';
import { ConfigProvider, StyleProvider } from 'ant-design-vue'; // 添加 StyleProvider import { ConfigProvider, StyleProvider } from 'ant-design-vue';
import { legacyLogicalPropertiesTransformer } from 'ant-design-vue';
import { useAppStore } from './store/modules/app'; import { useAppStore } from './store/modules/app';
import { useThemeStore } from './store/modules/theme'; import { useThemeStore } from './store/modules/theme';
import { antdLocales } from './locales/antd'; import { antdLocales } from './locales/antd';
@@ -20,7 +21,10 @@ const antdLocale = computed(() => {
<template> <template>
<ConfigProvider :theme="themeStore.antdTheme" :locale="antdLocale"> <ConfigProvider :theme="themeStore.antdTheme" :locale="antdLocale">
<StyleProvider hash-priority="high"> <StyleProvider
hash-priority="high"
:transformers="[legacyLogicalPropertiesTransformer]"
>
<AppProvider> <AppProvider>
<RouterView class="bg-layout" /> <RouterView class="bg-layout" />
</AppProvider> </AppProvider>