Browse Source

删除用于调试的边框信息;使框架页面第一行和第二行之间显示分割线;格式化代码

dengdx 2 months ago
parent
commit
e6072c7ef0
2 changed files with 16 additions and 6 deletions
  1. 14 4
      src/layouts/BasicLayout.tsx
  2. 2 2
      src/pages/patient/register.tsx

+ 14 - 4
src/layouts/BasicLayout.tsx

@@ -75,11 +75,17 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
       }
     >
       <Layout
-        style={{ minHeight: '100vh', border: '1px solid #ccc' }}
+        style={{
+          minHeight: '100vh',
+          // border: '1px solid #ccc'
+        }}
         className="h-[100vh] xl:text-[48px] lg:text-[40px] md:text-[30px] sm:text-[20px] xs:text-[15px]"
       >
         {/* 第一行:品牌和状态区域 */}
-        <Row className="xl:h-[9vh] text-[100%]">
+        <Row
+          className="xl:h-[9vh] text-[100%]"
+          style={{ borderBottom: '1px solid #e5e7eb' }}
+        >
           {/* 品牌区域 */}
           <Col xl={4} lg={4} md={5} sm={0} xs={0} className="h-full">
             <Image src={logo} alt="Logo" height={'100%'} />
@@ -114,7 +120,8 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
           style={{
             flex: 1,
             display: 'flex',
-            border: '1px solid red',
+            paddingTop: '24px', // 顶部留白
+            // border: '1px solid red',
           }}
           className="xxl:h-[90vh] xl:h-[90vh] lg:h-[90vh] md:h-[90vh] sm:h-[90vh] xs:h-[90vh]"
         >
@@ -129,7 +136,10 @@ const BasicLayout: React.FC<BasicLayoutProps> = () => {
             xs={24}
             md={24}
             sm={24}
-            style={{ flex: 1, border: '1px solid blue' }}
+            style={{
+              flex: 1,
+              // border: '1px solid blue'
+            }}
             className="h-full"
           >
             {/* {children} */}

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

@@ -27,7 +27,7 @@ const RegisterPage: React.FC = () => {
           xl={8}
           xxl={8}
           style={{
-            border: '4px solid green',
+            // border: '4px solid green',
             display: 'flex',
             flexDirection: 'column',
           }}
@@ -54,7 +54,7 @@ const RegisterPage: React.FC = () => {
           sm={24}
           md={12}
           lg={12}
-          className="h-full flex flex-column border-8 border-red-400"
+          className="h-full flex flex-column"
         >
           <BasicInfoForm style={{ overflow: 'auto', width: '100%' }} />
         </Col>