本文主要是介绍使用Element UI组件时,icon图标不显示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
问题描述:
我在使用Element UI组件的日期选择器时,发现图标不显示(左边是原图,右边的问题图)。
经过检查我发现,我的JS,CSS文件都没有问题,只是缺少了element-icons.tff和element-icons.woff这两个文件。
如果你也是icon图标不显示,你可以用这个方法重新替换这两个文件,或者去将CSS和JS的版本号更新到最新。
解决方法:
1. 直接去官网,看他的CDN中给出的CSS链接。
2. 复制后面“https://unpkg.com/element-ui/lib/theme-chalk/”这个链接。
3. 右上角是版本号,左下角是有关图标的文件夹。根据你的版本号,进入fonts这个文件,你会发现有两个文件。
4. 点击第一个element-icons.tff文件,再点击 View Raw按钮下载这个文件。
同理,也下载element-icons.woff文件。
5. 最后,将这两个文件放在css文件夹下的fonts文件下。
这篇关于使用Element UI组件时,icon图标不显示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!