el-button样式
时间: 2023-11-14 08:10:05 浏览: 332
按钮样式
el-button 是 Element UI 中的一个组件,它提供了多种样式和功能。你可以通过以下方式来设置 el-button 的样式:
1. 设置按钮类型:通过设置 type 属性来设置按钮的类型,可选值有 primary、success、warning、danger、info、text,默认为 default。
2. 设置按钮大小:通过设置 size 属性来设置按钮的大小,可选值有 medium、small、mini,默认为 medium。
3. 设置圆角:通过设置 round 属性来设置按钮的圆角,可选值有 true、false,默认为 false。
4. 设置图标:通过设置 icon 属性来设置按钮的图标,可选值为 Element UI 中的图标名称。
5. 设置禁用状态:通过设置 disabled 属性来设置按钮的禁用状态,可选值为 true、false,默认为 false。
6. 设置加载状态:通过设置 loading 属性来设置按钮的加载状态,可选值为 true、false,默认为 false。
下面是一个示例代码:
```
<el-button type="primary" size="medium" round icon="el-icon-search" disabled>搜索</el-button>
```
阅读全文