diff --git a/src/components/Application/src/AppProvider.vue b/src/components/Application/src/AppProvider.vue
index 48edc9b82..e8d905cda 100644
--- a/src/components/Application/src/AppProvider.vue
+++ b/src/components/Application/src/AppProvider.vue
@@ -6,13 +6,15 @@
   import { defineComponent, toRefs } from 'vue';
 
   import { createAppProviderContext } from './useAppContext';
+
+  import designSetting from '/@/settings/designSetting';
   export default defineComponent({
     name: 'AppProvider',
     inheritAttrs: false,
     props: {
       prefixCls: {
         type: String as PropType<string>,
-        default: 'vben',
+        default: designSetting.prefixCls,
       },
     },
     setup(props) {
diff --git a/src/settings/designSetting.ts b/src/settings/designSetting.ts
new file mode 100644
index 000000000..13e4d62df
--- /dev/null
+++ b/src/settings/designSetting.ts
@@ -0,0 +1,3 @@
+export default {
+  prefixCls: 'vben',
+};