项目中通常会使用图标字体作为图标显示的解决方案，这里介绍下如何在项目中配置。

准备工作

首先配置好项目，关键需要注意字体类别/符号前缀和字体系列两个配置。

当我们配置好项目之后，就可以导出样式文件，复制如下图中的钢性铸铁链接中的内容备用。

正餐开始

创建图标。射流研究…文件。

从“反应”导入做出反应；从"类名"导入类名；"进口"。/图标字体。“少”；//上文中从图标字体中复制的钢性铸铁文件内容"进口"。/icon。CSS '；const图标=(道具)={ const {type，spin，className=' '，其他}=道具；const cls=类名({ ' uno VO-icon font ' : true，[` uno VO-icon font-$ { type } `]: true，` unovo-iconfont-spin':spin，}，类名)；返回(i className={ cls } {.others }/)；};导出默认图标；创建iconfont.less。

@关键帧图标-旋转{从{ transform:旋转(0度);}转到{ transform :旋转(360)；} } @图标字体-CSS-前缀： uno VO-图标字体；[email protected]{ icon font-CSS-prefix }-在{ display : inline-block；动画：图标-旋转无限1s线性；}然后这样使用

图标类型={type}旋转/以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。