diff --git a/packages/uni-h5/dist/uni-h5.cjs.js b/packages/uni-h5/dist/uni-h5.cjs.js
index 2fd5accd909d055f3c247ad2485add0df5877d6d..acac42585cf6cb3f69ac0ff181349c14b495a50c 100644
--- a/packages/uni-h5/dist/uni-h5.cjs.js
+++ b/packages/uni-h5/dist/uni-h5.cjs.js
@@ -10066,7 +10066,13 @@ function createLayoutTsx(keepAliveRoute, layoutState, windowState, topWindow, le
   const topWindowTsx = __UNI_FEATURE_TOPWINDOW__ ? createTopWindowTsx(topWindow, layoutState, windowState) : null;
   const leftWindowTsx = __UNI_FEATURE_LEFTWINDOW__ ? createLeftWindowTsx(leftWindow, layoutState, windowState) : null;
   const rightWindowTsx = __UNI_FEATURE_RIGHTWINDOW__ ? createRightWindowTsx(rightWindow, layoutState, windowState) : null;
-  return vue.createVNode("uni-layout", null, {
+  return vue.createVNode("uni-layout", {
+    "class": {
+      "uni-app--showtopwindow": __UNI_FEATURE_TOPWINDOW__ && layoutState.showTopWindow,
+      "uni-app--showleftwindow": __UNI_FEATURE_LEFTWINDOW__ && layoutState.showLeftWindow,
+      "uni-app--showrightwindow": __UNI_FEATURE_RIGHTWINDOW__ && layoutState.showRightWindow
+    }
+  }, {
     default: () => [topWindowTsx, vue.createVNode("uni-content", null, {
       default: () => [vue.createVNode("uni-main", null, _isSlot$1(routerVNode) ? routerVNode : {
         default: () => [routerVNode],
@@ -10075,7 +10081,7 @@ function createLayoutTsx(keepAliveRoute, layoutState, windowState, topWindow, le
       _: 2
     })],
     _: 2
-  });
+  }, 8, ["class"]);
 }
 function useShowTabBar(emit2) {
   const route = vueRouter.useRoute();
diff --git a/packages/uni-h5/dist/uni-h5.es.js b/packages/uni-h5/dist/uni-h5.es.js
index 1cc008f45bb8590df1a31442f4060f5bb00affc3..c39af3e600e8e30de48120261054f346ac61b22f 100644
--- a/packages/uni-h5/dist/uni-h5.es.js
+++ b/packages/uni-h5/dist/uni-h5.es.js
@@ -18680,7 +18680,13 @@ function createLayoutTsx(keepAliveRoute, layoutState, windowState, topWindow, le
   const topWindowTsx = __UNI_FEATURE_TOPWINDOW__ ? createTopWindowTsx(topWindow, layoutState, windowState) : null;
   const leftWindowTsx = __UNI_FEATURE_LEFTWINDOW__ ? createLeftWindowTsx(leftWindow, layoutState, windowState) : null;
   const rightWindowTsx = __UNI_FEATURE_RIGHTWINDOW__ ? createRightWindowTsx(rightWindow, layoutState, windowState) : null;
-  return createVNode("uni-layout", null, {
+  return createVNode("uni-layout", {
+    "class": {
+      "uni-app--showtopwindow": __UNI_FEATURE_TOPWINDOW__ && layoutState.showTopWindow,
+      "uni-app--showleftwindow": __UNI_FEATURE_LEFTWINDOW__ && layoutState.showLeftWindow,
+      "uni-app--showrightwindow": __UNI_FEATURE_RIGHTWINDOW__ && layoutState.showRightWindow
+    }
+  }, {
     default: () => [topWindowTsx, createVNode("uni-content", null, {
       default: () => [createVNode("uni-main", null, _isSlot$2(routerVNode) ? routerVNode : {
         default: () => [routerVNode],
@@ -18689,7 +18695,7 @@ function createLayoutTsx(keepAliveRoute, layoutState, windowState, topWindow, le
       _: 2
     })],
     _: 2
-  });
+  }, 8, ["class"]);
 }
 function useShowTabBar(emit2) {
   const route = useRoute();
diff --git a/packages/uni-h5/src/framework/components/layout/index.tsx b/packages/uni-h5/src/framework/components/layout/index.tsx
index bb5f70389054d23bd043e29621bb80030ec175fc..2eceea4955496e4b600b97666cd456902ba21be2 100644
--- a/packages/uni-h5/src/framework/components/layout/index.tsx
+++ b/packages/uni-h5/src/framework/components/layout/index.tsx
@@ -311,7 +311,16 @@ function createLayoutTsx(
     ? createRightWindowTsx(rightWindow, layoutState!, windowState!)
     : null
   return (
-    <uni-layout>
+    <uni-layout
+      class={{
+        'uni-app--showtopwindow':
+          __UNI_FEATURE_TOPWINDOW__ && layoutState!.showTopWindow,
+        'uni-app--showleftwindow':
+          __UNI_FEATURE_LEFTWINDOW__ && layoutState!.showLeftWindow,
+        'uni-app--showrightwindow':
+          __UNI_FEATURE_RIGHTWINDOW__ && layoutState!.showRightWindow,
+      }}
+    >
       {topWindowTsx}
       <uni-content>
         <uni-main>{routerVNode}</uni-main>