当前位置: 首页 > news >正文

使用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文件下。


http://www.mrgr.cn/news/2248.html

相关文章:

  • 等保测评的关键指标与评分标准:构建信息安全的量化评价体系
  • 巡检机器人的使用方法和维护保养
  • Keepalived实验
  • Spring Condition学习
  • 八股总结----数据库(MySQL和Redis)
  • 【xilinx】Versal Adaptive SoC DDRMC - NoC QoS 选项卡未出现
  • 配置MySQL主从,配置MySQL主主 +keeplive高可用
  • linux 安装GNOME Boxes
  • 聊聊JS中的WebSocket
  • 【vue教程】七. Vue 的动画和过渡
  • 代码随想录算法训练营第十五天(一)| 110.平衡二叉树 (优先掌握递归)257. 二叉树的所有路径
  • dev c++中,在C++11模式下编译带M_PI宏的文件报错的解决办法
  • 封装ajax之类的请求有没有必要考虑超时机制?
  • 景联文科技:图像标注的类型有哪些?
  • 浮点数的使用
  • 【Qt】 常用控件QLCDNumber
  • Leetcode 283 移动零
  • TCP并发服务器
  • 海康相机LinuxSDK CMakeLists.txt
  • flume系列之:定位flume没有关闭某个时间点生成的tmp文件的原因,并制定解决方案