element-ui icons源码

最新推荐文章于 2024-07-31 10:50:54 发布

Eric_zhangb

最新推荐文章于 2024-07-31 10:50:54 发布

阅读量800

点赞数

分类专栏： element源码文章标签： javascript vue.js

本文链接：https://blog.csdn.net/hbts_901111zb/article/details/110954089

版权

本文介绍了如何在Element UI中使用icons，包括通过unicode引入图标，在阿里矢量图库中查找图标，以及如何在iconlint.js文件和entry.js中进行配置引用。

摘要由CSDN通过智能技术生成

使用unicode引入

在icon.scss中

第一步引入iconsfont地址

// An highlighted block
@font-face {
   
  font-family: 'element-icons';
  src: url('#{$--font-path}/element-icons.woff') format('woff'), /* chrome, firefox */
       url('#{$--font-path}/element-icons.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-display: $--font-display;
  font-style: normal;
}

第二步设置样式

// An highlighted block
[class^="el-icon-"], [class*=" el-icon-"] {
   
  /* use !important to prevent issues with browser extensions that change fonts */
  f