当前位置: 首页 > 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文件下。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • python语言day9 正则表达式 和 xpath 解析html
  • QT:事件机制
  • 计算机基础知识复习8.14
  • redis随笔记
  • 位运算使用
  • 汇编语言lea指令取数组偏移地址
  • C++:priority_queue类
  • JavaScript class和正则
  • 10天速通Tkinter库——Day 5:使用config进行OptionMenu美化
  • Minio web控制台实现授权管理
  • 使用 nginx 搭建代理服务器(正向代理 https 网站)指南
  • 【Java】—— 使用Java编写程序找出100以内的质数
  • 理解类方法和静态方法:Python 中的高级函数
  • Nginx负载均衡调度状态
  • 哇哦--一起学习接口叭
  • es6--symbol
  • JS+CSS实现数字滚动
  • Lsb图片隐写
  • PAT A1017 优先队列
  • Redis的resp协议
  • Redux 中间件分析
  • Spring-boot 启动时碰到的错误
  • SpringBoot几种定时任务的实现方式
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • vue.js框架原理浅析
  • 开发基于以太坊智能合约的DApp
  • 离散点最小(凸)包围边界查找
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 三栏布局总结
  • 实习面试笔记
  • 双管齐下,VMware的容器新战略
  • C# - 为值类型重定义相等性
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • ​​快速排序(四)——挖坑法,前后指针法与非递归
  • ​MySQL主从复制一致性检测
  • ​总结MySQL 的一些知识点:MySQL 选择数据库​
  • #### go map 底层结构 ####
  • #define,static,const,三种常量的区别
  • (11)MSP430F5529 定时器B
  • (32位汇编 五)mov/add/sub/and/or/xor/not
  • (C#)获取字符编码的类
  • (ibm)Java 语言的 XPath API
  • (Oracle)SQL优化技巧(一):分页查询
  • (ZT) 理解系统底层的概念是多么重要(by趋势科技邹飞)
  • (八十八)VFL语言初步 - 实现布局
  • (附源码)ssm码农论坛 毕业设计 231126
  • (附源码)计算机毕业设计ssm高校《大学语文》课程作业在线管理系统
  • (附源码)计算机毕业设计SSM疫情居家隔离服务系统
  • (四)汇编语言——简单程序
  • (提供数据集下载)基于大语言模型LangChain与ChatGLM3-6B本地知识库调优:数据集优化、参数调整、Prompt提示词优化实战
  • (原)本想说脏话,奈何已放下
  • .JPG图片,各种压缩率下的文件尺寸
  • .NET 8 编写 LiteDB vs SQLite 数据库 CRUD 接口性能测试(准备篇)
  • .NET C#版本和.NET版本以及VS版本的对应关系
  • .netcore如何运行环境安装到Linux服务器