在Vue中使用ElementUI和第三方iconfont的示例

1.在http://www.iconfont.cn/,的阿里巴巴徽标库中为您自己的项目添加图标，然后单击“在更多项目中编辑项目”

2.修改自定义前缀el-icon-xxx，xxx，然后在本地下载项目

3.将这五个文件放入项目文件中，并将iconfont.css引入Vue项目中。

然后修改。iconfont.css的iconfont，修改如下图所示

4.修改iconfont.css后，大致如下图所示

5.最后，图标可以像图标一样引入，可以参考如下图所示

注意：如果修改后的前缀是el-icon引入的，可能会与element-ui的图标产生冲突，导致显示异常。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。