html分享按钮样式,分享最近做的按钮样式规范

注意:

为了统一前端页面样式，杜绝页面色彩脱离主题，特立规范。

衡量原则:

并不是涉及到每一个按钮字段都有对应的推荐主题，而是遵循原则：

1.项目大多用ivew/element-ui，所以我们按照按钮功能的重要性(按钮功能的重要性？？？ 所谓重要性就是按钮点击之后对整体的影响)划分为四种(primary info warning danger)，从左至右重要性递增。

2.从按钮大小，分为两种(medium small)默认/小的，搭配重要性type，eg：搜索

3.table中出现的操作栏目的按钮 统一为 small + type

Button

filter button(针对筛选组件内按钮)

搜索 type="primary" size="medium"

新增 type="warning" size="medium"

导出导入 type="warning" size="medium"

白名单 type="danger" size="medium"

其他 type="primary " size="medium"

table button(针对table组件内按钮)

详情类 type="primary" size="small"

审核 type="warning " size="small"

修改 type="warning " size="small"

删除 type="danger" size="small"

其他 type="primary" size="small"

form button(针对form组件内按钮)

取消/确认 type="primary" size="medium" 。