element-ui icon-class怎么使用

element-ui 中的 icon-class 是一个用于设置图标的类名。使用 icon-class，可以在 element-ui 组件中设置各种图标，如按钮、标签、导航等。

使用 icon-class，需要先引入 element-ui 的样式文件（如：element-ui.css 或 element-ui.min.css），然后在 HTML 中设置相应的类名。

例如，在一个按钮中设置一个图标，可以使用以下代码：

<el-button icon-class="el-icon-search">搜索</el-button>

这里，`el-icon-search` 是 element-ui 内置的一个图标类名，表示一个搜索图标。通过设置 `icon-class` 属性，可以将这个图标显示在按钮上。

除了 element-ui 内置的图标，还可以使用 font-awesome 等第三方图标库中的图标。例如：

<el-button icon-class="fa fa-search">搜索</el-button>

这里，`fa fa-search` 是 font-awesome 图标库中的一个搜索图标的类名。通过设置 `icon-class` 属性，可以将这个图标显示在按钮上。

需要注意的是，使用 icon-class 设置的图标，只能显示一个图标，不能同时显示多个图标。如果需要同时显示多个图标，可以使用 `el-button` 中的 `icon` 属性。例如：

<el-button>
  <i class="el-icon-search"></i>
  <span>搜索</span>
</el-button>

这里，使用了 HTML 中的 `<i>` 元素来设置图标，同时在 `<el-button>` 中设置了图标和文字。这样，就可以同时显示多个图标和文字了。