element/examples/docs/es/icon.md

30 lines
1.3 KiB
Markdown
Raw Normal View History

2017-11-06 19:22:02 +08:00
## Icon
2017-11-11 06:04:58 +08:00
Element proporciona un conjunto de iconos propios.
2017-11-06 19:22:02 +08:00
2017-11-11 06:04:58 +08:00
### Uso básico
2017-11-06 19:22:02 +08:00
2017-11-11 06:04:58 +08:00
Simplemente asigna el nombre de la clase a `el-icon-iconName`.
2017-11-06 19:22:02 +08: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-11 06:04:58 +08:00
### Iconos
2017-11-06 19:22:02 +08:00
<ul class="icon-list">
<li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
2017-11-06 19:22:02 +08:00
<span>
<i :class="'el-icon-' + name"></i>
2017-12-12 12:45:09 +08:00
<span class="icon-name">{{'el-icon-' + name}}</span>
2017-11-06 19:22:02 +08:00
</span>
</li>
</ul>