fix: disableContentMargin

ycl053382 · Mar 25, 2022 · 8ef3d2e · 8ef3d2e
1 parent ae8310e
commit 8ef3d2e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/pro-layout/package.json b/packages/pro-layout/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ant-design-vue/pro-layout",
-  "version": "3.2.0-rc.1",
+  "version": "3.2.0-rc.3",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",

diff --git a/packages/pro-layout/src/BasicLayout.tsx b/packages/pro-layout/src/BasicLayout.tsx
@@ -286,6 +286,12 @@ const ProLayout = defineComponent({
         )
       )
 
+      const contentClassName = {
+        [`${baseClassName.value}-content`]: true,
+        [`${baseClassName.value}-has-header`]: headerDom,
+        [`${baseClassName.value}-content-disable-margin`]: props.disableContentMargin,
+      }
+
       return (
         <>
           {pure ? (
@@ -314,6 +320,7 @@ const ProLayout = defineComponent({
                   {headerDom.value}
                   <WrapContent
                     isChildrenLayout={props.isChildrenLayout}
+                    class={contentClassName}
                     style={props.disableContentMargin ? undefined : props.contentStyle}
                   >
                     {props.loading ? <PageLoading /> : slots.default?.()}