使用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文件下。
相关推荐
Android技术之家3 小时前
安卓对外发布工程源码:如何实现仅暴露 UI 层
android·ui
sunly_3 小时前
Flutter:实现多图上传选择的UI
flutter·ui
Howie Zphile4 小时前
NEXTJS/REACT有哪些主流的UI可选
前端·react.js·ui
Wise玩转AI15 小时前
Day 27|智能体的 UI 与用户交互层
人工智能·python·ui·ai·chatgpt·ai智能体
yi碗汤园1 天前
C#实现对UI元素的拖拽
开发语言·ui·unity·c#
晚霞的不甘1 天前
开源鸿蒙(OpenHarmony)实战入门:从 Hello World 到 UI 交互设计
ui·开源·harmonyos
慧都小项1 天前
UI设计工具Sketch v2025.3发布:全新界面,多个功能适配macOS Tahoe
macos·ui·sketch·用户界面
小小8程序员2 天前
C# XAML中x:Type的用法详解
开发语言·ui·c#