美文网首页
AntDesign Form表单栅格

AntDesign Form表单栅格

作者: 猫大顾 | 来源:发表于2021-04-01 11:43 被阅读0次

    需要实现的效果:

    表单布局:

    栅格计算:

    页面宽度 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