要在 Element Plus 的 <icon> 中使用阿里图标库,需要先引入阿里图标库的样式文件和字体文件。

  1. index.html 中引入阿里图标库的样式文件:
<link rel='stylesheet' href='//at.alicdn.com/t/font_1234567_xxxxxxxx.css'>
  1. 在组件中使用 <icon> 标签,并指定对应的图标类名:
<icon class='iconfont icon-xxx'></icon>

其中,icon-xxx 是阿里图标库中对应的图标类名。

例如,要使用阿里图标库中的“搜索”图标,可以这样写:

<icon class='iconfont icon-search'></icon>

这样就可以在 Element Plus 的 <icon> 中使用阿里图标库了。


原文地址: https://www.cveoy.top/t/topic/mlU5 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录