el-icon的使用

`el-icon`是Element UI库中的一个组件，它提供了一套预设的图标集合，用于在Vue.js应用中快速添加图标。Element UI的`el-icon`基于Font Awesome，支持SVG和字体两种形式的图标，并且有丰富的图标类别，如图标的形状、社会媒体、文件等。

使用`el-icon`通常需要以下几个步骤：

1. 引入依赖：在你的项目中先引入Element UI的CSS和JS资源，以及`el-icon`组件的包。

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

2. 使用标签：在Vue模板中，你可以直接通过`<el-icon>`元素并指定icon名来显示图标，比如显示搜索图标：

<template>
  <el-button icon><el-icon search /></el-button>
</template>

3. 可以组合使用：图标可以与其他HTML元素结合，也可以设置图标大小、颜色等样式属性。

4. 自定义图标：如果你需要自定义图标，可以通过`v-bind:class`绑定到一个包含图标名称的类上，例如：

<el-icon class="your-custom-class"><i class="fas fa-heart"></i></el-icon>

这里`.your-custom-class`是你自己定义的类，`fa-heart`是来自Font Awesome的特定图标名称。