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小时内删除。
发表评论