ElementUI：项目中引入自己的ICON，学前端看这就完事了

在使用 Element UI 的项目中引入自己的图标，可以通过以下步骤进行：

1. 将自己的图标文件保存在项目的某个目录下，例如 src/assets/icons。
2. 在 main.js 或者其他全局样式文件中，使用 CSS 的 background-image 属性来定义一个图标类。
3. 使用这个自定义的图标类在需要的地方，比如 Element UI 的按钮或者其他组件上。

示例代码：

/* 全局样式文件，如 main.js 或 App.vue */
.custom-icon {
  background-image: url('./assets/icons/your-icon.svg'); /* 替换为你的图标文件路径 */
  background-size: cover; /* 根据需要调整 */
  height: 1em; /* 根据需要调整 */
  width: 1em; /* 根据需要调整 */
  display: inline-block; /* 根据需要调整 */
  // 其他样式如颜色、内边距等
}

<!-- 在 Vue 组件中 -->
<template>
  <el-button class="custom-icon">按钮</el-button>
</template>
 
<style>
.custom-icon {
  /* 使用上面定义的图标类 */
  background-image: url('~@/assets/icons/your-icon.svg');
}
</style>

确保图标文件的路径是正确的，并且在项目中正确引用。这样就可以在 Element UI 组件上使用自定义的图标了。