本地使用element ui 图标不显示或显示错乱的问题

官方使用方式

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/lib/theme-default/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/[email protected]/lib/index.js"></script>

本地使用方式,在浏览器地址栏复制以上https链接地址,打开即可获取css/js源码
在拷贝css js源码到本地目录的情况下,例如

<!-- 引入样式 -->
<link rel="stylesheet" href="./css/lib/element.css">
<!-- 引入组件库 -->
<script src="./js/lib/element.js"></script>

图标显示出现错误

本地使用element ui 图标不显示或显示错乱的问题

解决方案

https://unpkg.com/[email protected]/lib/
在右上角可选择版本,请按照使用的版本选择相应的theme-chalk/fonts/ 目录中的woff文件,复制到本地css目录中的fonts文件夹即可
本地使用element ui 图标不显示或显示错乱的问题

版本不一致可能会导致图标错乱

低版本的woff文件在theme-default文件夹内

相关文章:

  • 2021-05-02
  • 2022-12-23
  • 2022-12-23
  • 2021-09-02
  • 2021-11-23
  • 2021-11-27
  • 2021-11-27
猜你喜欢
  • 2022-01-21
  • 2022-12-23
  • 2021-08-10
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案