diff --git a/examples/main.js b/examples/main.js
index 07dc3a916..0e32bf8db 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -366,7 +366,9 @@ const router = createRouter({
 });
 
 const app = createApp(App);
-app.use(ViewUIPlus);
+app.use(ViewUIPlus, {
+    size: 'small'
+});
 app.use(router);
 app.mount('#app');
 export default app;
diff --git a/src/components/page/page.vue b/src/components/page/page.vue
index 7445209a6..0ac9262f2 100644
--- a/src/components/page/page.vue
+++ b/src/components/page/page.vue
@@ -78,6 +78,7 @@
     import Locale from '../../mixins/locale';
 
     const prefixCls = 'ivu-page';
+    const sizes = ['small', 'default'];
 
     export default {
         name: 'Page',
@@ -117,8 +118,13 @@
                 }
             },
             size: {
+                type: String,
+                default () {
+                    const global = getCurrentInstance().appContext.config.globalProperties;
+                    return global.$VIEWUI && oneOf(global.$VIEWUI.size, sizes) ? global.$VIEWUI.size : 'default';
+                },
                 validator (value) {
-                    return oneOf(value, ['small', 'default']);
+                    return oneOf(value, sizes);
                 }
             },
             simple: {