在遵循Iconfont引用教程后，遇到图标不显示的问题。通过排查，发现是main.js中全局引入iconfont.css的顺序错误导致。将引入语句放置在element-ui下面解决了问题。此外，注意icon的class名称应正确设置为iconfont icon-pdf。
遇到的一个问题，看了好久才发现，记录一下。
iconfont引用的教程就跟网上的教程一样，看了半天发现自己的图标不生效，最后看到一个博主说是main.js中全局引入import '@/assets/icon/iconfont.css'时，位置顺序错误，才导致图标不生效，确实是这个问题，因为项目引用的东西比较多我也不清楚到底是哪里顺序不对，干脆放在element-ui下面的位置引入，我想着这肯定生效的。
还有个问题就是class名称，一般默认的就是这样格式的<i class="iconfont icon-pdf"></i>
扫一扫
1953
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
