栅格常常需要和间隔进行配合,你可以使用Row的gutter属性,我们推荐使用(16+8n)px作为栅格间隔(n 是自然数)。 如果要支持响应式,可以写成{ xs: 8, sm: 16, md: 24, lg: 32 }。 如果需要垂直间距,可以写成数组形式[水平间距, 垂直间距][16, { xs: 8, sm: 16, md: 24, lg: 32 }]。
<Card title="定时任务定义" className={styles.card} bordered={false}> <Row gutter={16}> <Col lg={6} md={12} sm={24}> <Form.Item label={fieldLabels.jobName} name="jobName" rules={[{ required: true, message: '请输入定时任务编码' }]} > <Input placeholder="请输入定时任务编码" /...
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 区块间隔 栅格常常需要和间隔进行配合,你可以使用Row的gutter属性,我们推荐使用(16+8n)px作为栅格间隔。 如果要支持响应式,可以写成{ xs: 8, sm: 16, md: 24, lg: 32 }。 如果需要垂直间距,可以写成数组形式[水平间距, 垂直间距] [16, { xs:...
主内容页面分为 5 个模块,分别为今日天气,时间,地区,环境指数和历史环境指数折线图,每个模块使用 antd 中的卡片组件(Card 标签)来形成样式,然后使用 antd 中的 Row 标签和 Col 标签来完成布局,效果图如图 5.4.1。 图5.4.1 分析页效果图 1 今日天气模块制作 今日天气从 DataSource 中获取数据,根据天气的不同...
{buttonArea?buttonArea:<Rowtype="flex"gutter={24}justify="center"><Col><Buttontype="primary"htmlType="submit"loading={isLoading}>提交</Button></Col><Col><Buttontype="default"onClick={()=>router.go(-1)}>取消</Button></Col></Row>}</SubmitLayOut></Form> ...
459 - 💄 修复 Row 配置垂直 `gutter` 时会额外添加 `margin-bottom` 样式的问题。[#29059](https://github.com/ant-design/ant-design/pull/29059) 460 - 🐞 修复 Collapse 标题区域隐藏延迟的问题。[#29158](https://github.com/ant-design/ant-design/pull/29158) 461 - 🐞 修复 TextArea ...
{buttonArea?buttonArea:<Rowtype="flex"gutter={24}justify="center"><Col><Buttontype="primary"htmlType="submit"loading={isLoading}>提交</Button></Col><Col><Buttontype="default"onClick={()=>router.go(-1)}>取消</Button></Col></Row>}</SubmitLayOut></Form> ...
{ width: '100%', paddingRight: '0px' }} /> <Row gutter={16}> <Col flex='auto'> {renderPlot()} </Col> <Col flex='1 0px'> <Space direction='vertical'> {Object.entries(plots).map(([key, plotObj]) => ( setSelectedPlot(key)} style={{ margin: 0, backgroundColor: 'tran...
<Row gutter={separatorGap} align='middle' wrap={false}> <Col flex={1}> {renderInputNumber(INPUT_TYPE.MIN)} </Col> <Col flex="none"> {separator} </Col> <Col flex={1}> {renderInputNumber(INPUT_TYPE.MAX)} </Col> { suffix && ...
1275 - 🐞 修复了 `Row` 中gutter 属性的类型问题 [b7d508e](https://github.com/ant-design/ant-design/commit/b7d508e1662bf20a0cacbe6440a2ce31a65a8a59) 1276 - 💄 改进了 `Form` 组件类型 [#10564](https://github.com/ant-design/ant-design/pull/10564) 1277 - 💄 改进了 `Button...