常用Iview组件集合以及常用特性

常用Iview组件集合以及常用特性

Button

可以选择不同类型代表会以不同颜色呈现
可以选择边框是否为虚线或者为文本模式的按钮
可设置为幽灵按钮
可设置loading状态
可禁用
size只可选small、default、large三种

Icon

可根据type来选择不同的图标样子
size可设置大小，单位px
color可设置颜色

Typography文字排版

分别有<Title> <Txt> <Pragraph>三种组件，分别适用于标题、不同样式的文本、段落，这三个组件都可设置是否可复制、添加删除线样式、是否可编辑、文本类型，其中Pragraph可以设置超过多少行显示省略号并且是否可展开

Divider

方向可选vertical、horizental
是否为虚线
若有文本，文本的位置左、中、右

Grid栅格

栅格其实可以做水平布局
Row中放置Col，col的总数小于24
可以给Row中的Col设置间隔，可设置改变栅格顺序
可设置左右偏移量
flex布局的justify、align属性可以使用
可响应式布局

Layout

布局的组件
里面可放置Header、Content、Sider、Footer
可设置折叠属性

Space间隔

设置间隔