diff --git a/src/components/Page/index.js b/src/components/Page/index.js index be6e024..2e38a62 100644 --- a/src/components/Page/index.js +++ b/src/components/Page/index.js @@ -1,4 +1,5 @@ import { Button, Space } from "antd"; +import { useEffect, useState } from "react"; import HeaderBack from "../HeaderBack"; /** @@ -18,17 +19,37 @@ function Page(props) { extraActionButtons, } = props; + const [pageWidth, setPageWidth] = useState(window.innerWidth); + + const getPageWidth = () => { + const pageDom = document.querySelector("#page"); + if (!pageDom) + return; + setPageWidth(pageDom.offsetWidth); + }; + + useEffect(() => { + const timer = setTimeout(() => { + getPageWidth(); + }, 0); + window.addEventListener("resize", getPageWidth); + return () => { + window.removeEventListener("resize", getPageWidth); + clearTimeout(timer); + }; + }, []); + return ( -