AntDesign Form表单栅格
2021-04-01 本文已影响0人
猫大顾
需要实现的效果：
表单布局：
栅格计算：
页面宽度 xs 尺寸时，整行铺满，所以都设置为 24
页面宽度 sm 尺寸时，标题占6，输入框占 14，将表单划分为 1 列标题 + 5 列输入项：布局为 6 : ( 1+4+3+3+3 ) = 6 : 14
其中，标题增加 requiredLable 样式，各列下的 FormItem 增加 100％ 宽度样式
最终效果：
需要实现的效果：
表单布局：
栅格计算：
页面宽度 xs 尺寸时，整行铺满，所以都设置为 24
页面宽度 sm 尺寸时，标题占6，输入框占 14，将表单划分为 1 列标题 + 5 列输入项：布局为 6 : ( 1+4+3+3+3 ) = 6 : 14
其中，标题增加 requiredLable 样式，各列下的 FormItem 增加 100％ 宽度样式
最终效果：
