组件库设计

1. 功能

1. 导航和布局

Tab Tabs

Menu MenuGroup SubMenu OptionMenu

Card CardGroup

 

2. 数据载体

ListItem List

Table

Collpase 

Badge

 

3. 对话框

Modal

Toast (Warning Info Error)

 

4. 用户交互

From InputControl InputHelperText

Input(number, password, text, tag)

Checkbox checkboxGroup

Option OptionGroup

Select TagSelect 

Upload

Range

DatePicker

ColoPicker

 

5. 基本

Icon

Button

Text Info Action Link Warning Title (Heading)

 

6. 图表

Progress

Histogram

 

2. 样式

1. 居中 垂直 水平 绝对垂直 绝对水平（相对父元素，相对根元素)

2. 浮动

3. 列表 左右对应

4. 瀑布流（功能）

5. 自适应高度，自适应宽度 

 

转载于:https://www.cnblogs.com/sowhite/p/9347198.html