问题解决:Element不显示Icon图标

第一种方法

(1)在文件下方加入以下代码,如下图所示。

@import url("//unpkg.com/[email protected]/lib/theme-chalk/index.css");

问题解决:Element不显示Icon图标_第1张图片
(2)结果
问题解决:Element不显示Icon图标_第2张图片
注:第一种方法在我的界面中有的有效果有的没有,具体原因还没找到。

第二种方法

以在登录的输入框引入Avatar图标为例,图标集合可以在这里面找图标名字:图标合集,链接失效的话直接百度搜索Element官网进去就有。
问题解决:Element不显示Icon图标_第3张图片

(1)终端安装

npm install @element-plus/icons

问题解决:Element不显示Icon图标_第4张图片
(2)引入代码
问题解决:Element不显示Icon图标_第5张图片
(3)结果
问题解决:Element不显示Icon图标_第6张图片
注:这样有点麻烦,不过是我试了好多方法后能成功的一个了。

你可能感兴趣的:(前端框架,elementui)