diff --git a/src/App.vue b/src/App.vue
index 78a143a..b5b0e9f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 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 { useThemeStore } from './store/modules/theme';
 import { antdLocales } from './locales/antd';
@@ -20,7 +21,10 @@ const antdLocale = computed(() => {
 
 <template>
   <ConfigProvider :theme="themeStore.antdTheme" :locale="antdLocale">
-    <StyleProvider hash-priority="high">
+    <StyleProvider
+      hash-priority="high"
+      :transformers="[legacyLogicalPropertiesTransformer]"
+    >
       <AppProvider>
         <RouterView class="bg-layout" />
       </AppProvider>