使用Element UI组件时,icon图标不显示

问题描述:

我在使用Element UI组件的日期选择器时,发现图标不显示(左边是原图,右边的问题图)。

经过检查我发现,我的JS,CSS文件都没有问题,只是缺少了element-icons.tff和element-icons.woff这两个文件。

如果你也是icon图标不显示,你可以用这个方法重新替换这两个文件,或者去将CSS和JS的版本号更新到最新。

解决方法:

  1. 直接去官网,看他的CDN中给出的CSS链接。
  1. 复制后面"https://unpkg.com/element-ui/lib/theme-chalk/"这个链接。
  1. 右上角是版本号,左下角是有关图标的文件夹。根据你的版本号,进入fonts这个文件,你会发现有两个文件。
  1. 点击第一个element-icons.tff文件,再点击 View Raw按钮下载这个文件。

同理,也下载element-icons.woff文件。

  1. 最后,将这两个文件放在css文件夹下的fonts文件下。
相关推荐
不过如此195118 小时前
pyinstaller打包GUI项目实践
windows·python·ui
RReality20 小时前
【Unity Shader URP】顶点波浪动画(Vertex Wave)实战教程
ui·unity·游戏引擎·图形渲染
专注VB编程开发20年21 小时前
VBA/VB6连接、读取Mdb access数据库最快的方法
前端·ui·ado·vb6
ai_coder_ai21 小时前
自动化脚本ui编程之单选控件(radio)
ui·autojs·自动化脚本·冰狐智能辅助·easyclick
qq_4523962321 小时前
【工程实战】第四篇:UI 自动化 —— Playwright 异步模式深度实战:告别 Selenium 的“脆”与“慢”
selenium·ui·自动化
空中海1 天前
第二章:UI 开发——View 系统与 Jetpack Compose
android·ui
不懒不懒1 天前
【零基础学 PyQt5:环境搭建、Qt Designer 配置、UI 转 PY、窗口开发全流程】
开发语言·qt·ui
程序猿追1 天前
把手机变成调色盘:用 ArkUI 搓一个带放大镜效果的“UI 灵感色卡取色器”
ui·智能手机
ai_coder_ai1 天前
在自动化脚本ui编程之webview控件
ui·autojs·自动化脚本·冰狐智能辅助·easyclick
RReality1 天前
【Unity Shader URP】色带渐变着色(Ramp Shading)实战教程
ui·unity·游戏引擎·图形渲染