From 8a3bbd565bf0593e3b4394fc16b116cbcc433d83 Mon Sep 17 00:00:00 2001
From: xxx <x@x.x>
Date: Tue, 9 Jan 2024 09:32:46 +0800
Subject: [PATCH] =?UTF-8?q?fixed:=20=E5=BA=95=E9=83=A8=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=A0=8F=E6=82=AC=E6=B5=AEbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/layouts/with-footer/index.module.scss | 7 +++++++
 src/pages/layouts/with-footer/index.tsx         | 5 +++--
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/layouts/with-footer/index.module.scss

diff --git a/src/pages/layouts/with-footer/index.module.scss b/src/pages/layouts/with-footer/index.module.scss
new file mode 100644
index 0000000..2ba6248
--- /dev/null
+++ b/src/pages/layouts/with-footer/index.module.scss
@@ -0,0 +1,7 @@
+.playedu-app {
+  width: 100vw;
+  height: 100vh;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+}
diff --git a/src/pages/layouts/with-footer/index.tsx b/src/pages/layouts/with-footer/index.tsx
index cd6d412..bf9c134 100644
--- a/src/pages/layouts/with-footer/index.tsx
+++ b/src/pages/layouts/with-footer/index.tsx
@@ -2,15 +2,16 @@ import { Suspense } from "react";
 import { Outlet } from "react-router-dom";
 import LoadingPage from "../../loading";
 import { TabBarFooter } from "../../../components";
+import styles from "./index.module.scss";
 
 const WithoutHeaderWithoutFooter = () => {
   return (
-    <>
+    <div className={styles["playedu-app"]}>
       <Suspense fallback={<LoadingPage />}>
         <Outlet />
       </Suspense>
       <TabBarFooter></TabBarFooter>
-    </>
+    </div>
   );
 };