界面规范4-按钮

1、一般位置按钮

height: 36px;

line-height: 36px;

background-color: #09c;

鼠标滑过：background-color: #4091fd;

圆角 vue代码如下：

            <el-button
round
type="primary"
size="mini"
>
<i class="el-icon-plus"></i> 新增
</el-button>

css控制：

.el-button{
font-size: $defaultTxtSize !important;
font-family: $defaultFontFamily;
}
.el-button--primary {
background-color: #09c !important;
}
.el-button--primary:hover {
background-color:#4091fd !important;
}

2、列表右侧操作栏按钮

vue：

<el-button
size="mini"
type="text"
>
<i class="el-icon-edit" /> 修改
</el-button>

css：

.el-button--text{
font-size: $defaultTxtSize !important;
font-family: $defaultFontFamily;
color: #1890ff !important;
}
.el-button--text:hover {   
color: #777 !important;
}