Browse Source

去掉注册页面横向滚动条;去掉在超超大屏幕上出现竖直滚动条,使用取巧方式,以后还要找到根本原因

ddx 2 months ago
parent
commit
fd6d642a3c
2 changed files with 4 additions and 4 deletions
  1. 3 3
      src/layouts/BasicLayout.tsx
  2. 1 1
      src/pages/patient/register.tsx

+ 3 - 3
src/layouts/BasicLayout.tsx

@@ -79,7 +79,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
         className="h-[100vh] xl:text-[48px] lg:text-[40px] md:text-[30px] sm:text-[20px] xs:text-[15px]"
         className="h-[100vh] xl:text-[48px] lg:text-[40px] md:text-[30px] sm:text-[20px] xs:text-[15px]"
       >
       >
         {/* 第一行:品牌和状态区域 */}
         {/* 第一行:品牌和状态区域 */}
-        <Row className="xl:h-[10vh] text-[100%]">
+        <Row className="xl:h-[9vh] text-[100%]">
           {/* 品牌区域 */}
           {/* 品牌区域 */}
           <Col xl={4} lg={4} md={5} sm={0} xs={0} className="h-full">
           <Col xl={4} lg={4} md={5} sm={0} xs={0} className="h-full">
             <Image src={logo} alt="Logo" height={'100%'} />
             <Image src={logo} alt="Logo" height={'100%'} />
@@ -114,9 +114,9 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
           style={{
           style={{
             flex: 1,
             flex: 1,
             display: 'flex',
             display: 'flex',
-            height: '100%',
             border: '1px solid red',
             border: '1px solid red',
           }}
           }}
+          className="xxl:h-[90vh] xl:h-[90vh] lg:h-[90vh] md:h-[90vh] sm:h-[90vh] xs:h-[90vh]"
         >
         >
           {/* 导航区域 */}
           {/* 导航区域 */}
           <Col xl={4} lg={4} md={0} sm={0} xs={0} style={{ flex: 1 }}>
           <Col xl={4} lg={4} md={0} sm={0} xs={0} style={{ flex: 1 }}>
@@ -130,7 +130,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
             md={24}
             md={24}
             sm={24}
             sm={24}
             style={{ flex: 1, border: '1px solid blue' }}
             style={{ flex: 1, border: '1px solid blue' }}
-            className="xxl:h-[90vh] xl:h-[90vh] lg:h-[90vh] md:h-[90vh] sm:h-[90vh] xs:h-[90vh]"
+            className="h-full"
           >
           >
             {/* {children} */}
             {/* {children} */}
             {contentMap[currentKey]}
             {contentMap[currentKey]}

+ 1 - 1
src/pages/patient/register.tsx

@@ -48,7 +48,7 @@ const RegisterPage: React.FC = () => {
   if (screens.md || screens.lg) {
   if (screens.md || screens.lg) {
     // 中屏幕:左右两栏,右侧上下分
     // 中屏幕:左右两栏,右侧上下分
     return (
     return (
-      <Row gutter={16} className="h-full flex-1 ">
+      <Row className="h-full flex-1 ">
         <Col
         <Col
           xs={24}
           xs={24}
           sm={24}
           sm={24}