需要实现的效果:
表单布局:
栅格计算:
页面宽度 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% 宽度样式
最终效果:
本文标题:AntDesign Form表单栅格
本文链接:https://www.haomeiwen.com/subject/svctkltx.html
网友评论