AntDesign(ui框架)
官⽅⽂档:
说明:Ant Design 是⼀个 ui框架,和 bootstrap ⼀样是ui框架。⾥⾯的组件很完善,开发中后台系统⾮常⽅便。分别基于react、vue、angular框架,各⾃开发了⼀套 Ant Design 的UI框架。(这⾥主要讲react框架的 Ant Design)
⼀、通⽤组件
  1、Button 按钮
  2、Icon 图标
  3、Typography 排版:这个是⽂案的排版
⼆、布局
  1、Grid 栅格:24 栅格系统,和  bootstrap中的12栅格系统⼀样的功能。
    a、<Row gutter={16}>,给Col 组件之间添加16像素的间距【原理和bootstrap差不多】。他们之间的
间距是以padding撑出来的,所以在 Col 组件上不要使⽤背景⾊,最好其它的样式都不要设置吧。
    b、两种栅格系统【基础栅格、flex栅格布局】
  2、Layout布局:这个是针对页⾯级整体布局
三、导航
  1、Affix固钉:
  2、Breadcrumb⾯包屑:
  3、Dropdown下拉菜单:
  4、Menu导航菜单:
  5、Pagination分页:
  6、PageHeader页头:
  7、Steps步骤条:
四、数据录⼊看官⽅⽂档
  1、AutoComplete⾃动完成
  2、Checkbox多选框
  3、Cascader级联选择
react开发框架  。。。。。。
五、反馈看官⽅⽂档
  1、Modal对话框
  2、Drawer抽屉
  。。。。。。
六、其它看官⽅⽂档

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。