button-UI预研

ant design

1. 基本类型：primary（#1890ff）、default（white）、dashed（white）、danger（red）
2. 大小：large(16px)、default(14px)、small(14px)
3. 状态：禁用、幽灵、加载中
4. 内容：icon、按钮组
5. 色系：蓝色
6. 动画：hover、active、click

material ui

1. 基本类型：primary（#2196f3）、secondary（rgb(225, 0, 80)）、default（transparent）
2. 大小：large(15px)、medium(14px)、small(13px)
3. 状态：禁用
4. 内容：icon
5. 色系：蓝色
6. 动画：hover、active、click

element

1. 基本类型：默认（white）、主要（#409eff）、成功（#67c23a）、危险（#f56c6c）、信息（#909399）、警告（#e6a23c）
2. 大小：默认（14px）、中等（14px）、小型（12px）、超小型（12px）
3. 状态：禁用、加载中
4. 内容：icon、按钮组
5. 色系：蓝色
6. 动画：hover、focus

iView

1. 基本类型：primary（#2d8cf0）、dashed（white）、text（white）、info（#2db7f5）、success（#19be6b）、warning（#f90）、error（#ed4014）
2. 大小：large（14px）、default（12px）、small（12px）
3. 状态：禁用、幽灵、长按钮、加载中
4. 内容：icon、按钮组
5. 色系：蓝色
6. 动画：hover、focus

总结

1. 基本类型至少要包含三种：主要（蓝色系）、默认（白色系）和错误（红色系）
2. 大小至少要包含三种：large、default、small
3. 按钮状态包含：禁用、加载中
4. 内容需要包含：icon、按钮组
5. 色系：大方一些还是蓝色更好
6. 动画：hover时颜色变亮、active时颜色变暗、click时存在动画，这三种要进行设计