使用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文件下。
相关推荐
梦想的旅途21 小时前
基于 UI 自动化(RPA)实现企业微信外部群操作的架构设计
ui·自动化·rpa
谁怕平生太急2 小时前
MAI-UI的prompt
ui·prompt·gui agent·mai-ui
六点的晨曦4 小时前
Qt常用的开发架构模式与UI组件
qt·ui·架构
Aotman_5 小时前
JS 按照数组顺序对对象进行排序
开发语言·前端·javascript·vue.js·ui·ecmascript
lowhot1 天前
C语言UI框架
c语言·开发语言·笔记·ui
William_cl1 天前
ASP.NET Core 视图组件:从入门到避坑,UI 复用的终极方案
后端·ui·asp.net
初级代码游戏1 天前
云存储的删除设计
ui·删除·交互设计·onedrive·icloud·界面设计
Kang.Charles1 天前
Lua UI系统框架逻辑详解
ui·lua
Sahadev_1 天前
从逻辑表达式到原子化构建:复杂 UI 组件的重构之道
ui·重构