|
@@ -30,11 +30,11 @@ const RegisterPage: React.FC = () => {
|
|
|
display: 'flex',
|
|
|
flexDirection: 'column',
|
|
|
}}
|
|
|
- className='h-full'
|
|
|
+ className="h-full"
|
|
|
>
|
|
|
<BasicInfoForm style={{ overflow: 'auto' }} />
|
|
|
</Col>
|
|
|
- <Col xs={24} sm={24} md={8} lg={8} xl={8} xxl={8} className='h-full'>
|
|
|
+ <Col xs={24} sm={24} md={8} lg={8} xl={8} xxl={8} className="h-full">
|
|
|
<ProtocolList />
|
|
|
</Col>
|
|
|
<Col xs={24} sm={24} md={8} lg={8} xl={8} xxl={8}>
|
|
@@ -47,9 +47,15 @@ const RegisterPage: React.FC = () => {
|
|
|
if (screens.md || screens.lg) {
|
|
|
// 中屏幕:左右两栏,右侧上下分
|
|
|
return (
|
|
|
- <Row gutter={16} className='h-full flex-1 '>
|
|
|
- <Col xs={24} sm={24} md={12} lg={12} className='h-full flex flex-column border-8 border-red-400' >
|
|
|
- <BasicInfoForm style={{ overflow: 'auto' ,width:'100%'}}/>
|
|
|
+ <Row gutter={16} className="h-full flex-1 ">
|
|
|
+ <Col
|
|
|
+ xs={24}
|
|
|
+ sm={24}
|
|
|
+ md={12}
|
|
|
+ lg={12}
|
|
|
+ className="h-full flex flex-column border-8 border-red-400"
|
|
|
+ >
|
|
|
+ <BasicInfoForm style={{ overflow: 'auto', width: '100%' }} />
|
|
|
</Col>
|
|
|
<Col xs={24} sm={24} md={12} lg={12}>
|
|
|
<Row gutter={[0, 16]}>
|
|
@@ -69,7 +75,11 @@ const RegisterPage: React.FC = () => {
|
|
|
if (screens.xs || screens.sm) {
|
|
|
// 小屏幕:手风琴式布局
|
|
|
return (
|
|
|
- <Collapse accordion defaultActiveKey={['1']} style={{ margin: 16 ,overflow:'auto', height:'100%'}}>
|
|
|
+ <Collapse
|
|
|
+ accordion
|
|
|
+ defaultActiveKey={['1']}
|
|
|
+ style={{ margin: 16, overflow: 'auto', height: '100%' }}
|
|
|
+ >
|
|
|
<Panel header="基本信息表单区域" key="1">
|
|
|
<BasicInfoForm />
|
|
|
</Panel>
|