功能:适配过滤表单布局
This commit is contained in:
@@ -168,11 +168,11 @@ const ArticlePage = () => {
|
||||
|
||||
<Card className='my-2 overflow-scroll'>
|
||||
<Form form={form} layout="inline" onFinish={onSubmit} autoComplete="off" className='flex-nowrap'>
|
||||
<Form.Item label="标题" name="title" className='w-2/12'>
|
||||
<Form.Item label="标题" name="title" className='min-w-[200px]'>
|
||||
<Input placeholder='请输入关键词' />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="分类" name="cateIds" className='w-2/12'>
|
||||
<Form.Item label="分类" name="cateIds" className='min-w-[200px]'>
|
||||
<Cascader
|
||||
options={cateList}
|
||||
maxTagCount="responsive"
|
||||
@@ -181,7 +181,7 @@ const ArticlePage = () => {
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="标签" name="tagId" className='w-2/12'>
|
||||
<Form.Item label="标签" name="tagId" className='min-w-[200px]'>
|
||||
<Select
|
||||
allowClear
|
||||
options={tagList}
|
||||
@@ -190,7 +190,7 @@ const ArticlePage = () => {
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
|
||||
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
|
||||
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
|
||||
</Form.Item>
|
||||
|
||||
|
||||
@@ -154,15 +154,15 @@ const CommentPage = () => {
|
||||
|
||||
<Card className='my-2 overflow-scroll'>
|
||||
<Form layout="inline" onFinish={onSubmit} autoComplete="off" className='flex-nowrap'>
|
||||
<Form.Item label="标题" name="title" className='w-2/12'>
|
||||
<Form.Item label="标题" name="title" className='min-w-[200px]'>
|
||||
<Input placeholder='请输入标题关键词' />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="内容" name="content" className='w-2/12'>
|
||||
<Form.Item label="内容" name="content" className='min-w-[200px]'>
|
||||
<Input placeholder='请输入内容关键词' />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
|
||||
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
|
||||
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
|
||||
</Form.Item>
|
||||
|
||||
|
||||
@@ -166,11 +166,11 @@ const FootprintPage = () => {
|
||||
<Card className='my-2 overflow-scroll'>
|
||||
<div className='flex'>
|
||||
<Form layout="inline" onFinish={onFilterSubmit} autoComplete="off" className='flex-nowrap w-full'>
|
||||
<Form.Item label="地址" name="address" className='w-2/12'>
|
||||
<Form.Item label="地址" name="address" className='min-w-[200px]'>
|
||||
<Input placeholder='请输入地址关键词' />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
|
||||
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
|
||||
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
|
||||
</Form.Item>
|
||||
|
||||
|
||||
@@ -122,11 +122,11 @@ const WallPage = () => {
|
||||
|
||||
<Card className='my-2 overflow-scroll'>
|
||||
<Form layout="inline" onFinish={onSubmit} autoComplete="off" className='flex-nowrap'>
|
||||
<Form.Item label="内容" name="content" className='w-2/12'>
|
||||
<Form.Item label="内容" name="content" className='min-w-[200px]'>
|
||||
<Input placeholder='请输入内容关键词' />
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="分类" name="cateId" className='w-2/12'>
|
||||
<Form.Item label="分类" name="cateId" className='min-w-[200px]'>
|
||||
<Select
|
||||
allowClear
|
||||
options={cateList}
|
||||
@@ -135,7 +135,7 @@ const WallPage = () => {
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
<Form.Item label="时间范围" name="createTime" className='w-3/12'>
|
||||
<Form.Item label="时间范围" name="createTime" className='min-w-[250px]'>
|
||||
<RangePicker placeholder={["选择起始时间", "选择结束时间"]} />
|
||||
</Form.Item>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user