2017-11-06 11:22:02 +00:00
|
|
|
## Icon
|
|
|
|
|
|
2017-11-10 22:04:58 +00:00
|
|
|
Element proporciona un conjunto de iconos propios.
|
2017-11-06 11:22:02 +00:00
|
|
|
|
2017-11-10 22:04:58 +00:00
|
|
|
### Uso básico
|
2017-11-06 11:22:02 +00:00
|
|
|
|
2017-11-10 22:04:58 +00:00
|
|
|
Simplemente asigna el nombre de la clase a `el-icon-iconName`.
|
2017-11-06 11:22:02 +00:00
|
|
|
|
|
|
|
|
:::demo
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<i class="el-icon-edit"></i>
|
|
|
|
|
<i class="el-icon-share"></i>
|
|
|
|
|
<i class="el-icon-delete"></i>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search">Search</el-button>
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
:::
|
|
|
|
|
|
2017-11-10 22:04:58 +00:00
|
|
|
### Iconos
|
2017-11-06 11:22:02 +00:00
|
|
|
|
|
|
|
|
<ul class="icon-list">
|
2019-04-25 04:19:38 +00:00
|
|
|
<li v-for="name in $icon" :key="name">
|
2017-11-06 11:22:02 +00:00
|
|
|
<span>
|
|
|
|
|
<i :class="'el-icon-' + name"></i>
|
2017-12-12 04:45:09 +00:00
|
|
|
<span class="icon-name">{{'el-icon-' + name}}</span>
|
2017-11-06 11:22:02 +00:00
|
|
|
</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
