From f3e2d9ca394d794183bccef26820020ea56da672 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 12 Jul 2022 14:30:37 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20page=20=E6=B7=BB=E5=8A=A0magic-ui-c?=
 =?UTF-8?q?ontainer=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui-react/src/page/Page.tsx | 2 +-
 packages/ui-vue2/src/page/Page.vue  | 6 +++++-
 packages/ui/src/page/src/index.vue  | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/ui-react/src/page/Page.tsx b/packages/ui-react/src/page/Page.tsx
index 86b9f608..1a8b3ac8 100644
--- a/packages/ui-react/src/page/Page.tsx
+++ b/packages/ui-react/src/page/Page.tsx
@@ -39,7 +39,7 @@ const Page: React.FC<PageProps> = ({ config }) => {
   return (
     <div
       id={`${config.id || ''}`}
-      className={`magic-ui-page${config.className ? ` ${config.className}` : ''}`}
+      className={`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`}
       style={app.transformStyle(config.style || {})}
     >
       {config.items?.map((item: MComponent | MContainer) => {
diff --git a/packages/ui-vue2/src/page/Page.vue b/packages/ui-vue2/src/page/Page.vue
index 81837ac8..2a741380 100644
--- a/packages/ui-vue2/src/page/Page.vue
+++ b/packages/ui-vue2/src/page/Page.vue
@@ -1,5 +1,9 @@
 <template>
-  <div :id="config.id" :class="`magic-ui-page${config.className ? ` ${config.className}` : ''}`" :style="style">
+  <div
+    :id="config.id"
+    :class="`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`"
+    :style="style"
+  >
     <slot></slot>
     <magic-ui-component v-for="item in config.items" :key="item.id" :config="item"></magic-ui-component>
   </div>
diff --git a/packages/ui/src/page/src/index.vue b/packages/ui/src/page/src/index.vue
index e84d5a34..fdd8dcf1 100644
--- a/packages/ui/src/page/src/index.vue
+++ b/packages/ui/src/page/src/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     :id="`${config.id || ''}`"
-    :class="`magic-ui-page${config.className ? ` ${config.className}` : ''}`"
+    :class="`magic-ui-page magic-ui-container${config.className ? ` ${config.className}` : ''}`"
     :style="style"
   >
     <slot></slot>