2016-08-26 10:34:54 +00:00
|
|
|
## Icon 图标
|
2016-07-27 06:15:02 +00:00
|
|
|
|
2016-08-18 09:29:11 +00:00
|
|
|
提供了一套常用的图标集合。
|
2016-07-27 06:15:02 +00:00
|
|
|
|
2016-09-06 11:30:50 +00:00
|
|
|
### 使用方法
|
2016-07-27 06:15:02 +00:00
|
|
|
|
2016-09-07 10:46:20 +00:00
|
|
|
直接通过设置类名为 `el-icon-iconName` 来使用即可。例如：
|
2016-07-27 06:15:02 +00:00
|
|
|
|
2016-08-25 10:24:51 +00:00
|
|
|
:::demo
|
2016-07-27 06:15:02 +00:00
|
|
|
```html
|
2016-09-06 09:26:04 +00:00
|
|
|
<i class="el-icon-edit"></i>
|
|
|
|
|
<i class="el-icon-share"></i>
|
|
|
|
|
<i class="el-icon-delete"></i>
|
2017-10-19 04:11:47 +00:00
|
|
|
<el-button type="primary" icon="el-icon-search">搜索</el-button>
|
2016-08-25 10:24:51 +00:00
|
|
|
|
2016-07-27 06:15:02 +00:00
|
|
|
```
|
2016-08-25 10:24:51 +00:00
|
|
|
:::
|
2016-07-27 06:15:02 +00:00
|
|
|
|
2016-09-06 11:30:50 +00:00
|
|
|
### 图标集合
|
2016-07-27 06:15:02 +00:00
|
|
|
|
|
|
|
|
<ul class="icon-list">
|
2019-04-25 04:19:38 +00:00
|
|
|
<li v-for="name in $icon" :key="name">
|
2016-07-27 06:15:02 +00:00
|
|
|
<span>
|
|
|
|
|
<i :class="'el-icon-' + name"></i>
|
2017-10-18 08:12:54 +00:00
|
|
|
<span class="icon-name">{{'el-icon-' + name}}</span>
|
2016-07-27 06:15:02 +00:00
|
|
|
</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
