优化Page

src/components/Page/index.js

@@ -32,24 +32,28 @@ function Page(props) {
     const timer = setTimeout(() => {
       getPageWidth();
     }, 0);
+    if (isShowAllAction && isShowFooter) {
       window.addEventListener("resize", getPageWidth);
+    }
+
     return () => {
+      if (isShowAllAction && isShowFooter) {
         window.removeEventListener("resize", getPageWidth);
+      }
       clearTimeout(timer);
     };
-  }, []);
+  }, [isShowAllAction, isShowFooter]);
 
   return (
     <div className="page" id="page">
       {(isShowAllAction && isShowHeader) && <HeaderBack title={headerTitle} history={history} previous={headerPrevious} />}
       <div style={{ padding: contentPadding }}>
         {props.children}
-      </div>
         {
           (isShowAllAction && isShowFooter) && (
             <>
-            <div style={{ height: "32px" }}></div>
+              <div style={{ height: "52px" }}></div>
-            <div style={{ textAlign: "center", backgroundColor: "rgb(241, 241, 242)", padding: "10px 0", position: "fixed", bottom: "0", width: pageWidth, margin: "0px -44px" }}>
+              <div style={{ textAlign: "center", backgroundColor: "rgb(241, 241, 242)", padding: "10px 0", position: "fixed", bottom: "0", width: pageWidth, margin: "0px -20px" }}>
                 {customActionButtons || (
                   <Space>
                     {extraActionButtons}
@@ -63,6 +67,7 @@ function Page(props) {
           )
         }
       </div>
+    </div>
   );
 }