在Taro-ui中如何正确使用iconfont图标

1,336 阅读1分钟

背景:最近在写小程序(React+Taro) 在使用Trao-ui时按照官方文档的步骤使用iconfont时出现,图标不展示

这个是官方文档介绍如何加载第三方图标库的相关链接

我项目的展示 iconfont.css

image.png

使用icon的组件 image.png

icon展示不出来

解决办法 把css文件的 iconfont 类名 改为 icon

image.png

页面展示效果

image.png

为什么按照官方的文档 icon会显示不出来呢 其实不难发现 文档里说了我们需要保证

image.png

当我们使用icontfont导出时 导出步骤如下(参照taro-ui的文档)

image.png

原因:前缀没有对上,导致图标显示不出来! image.png

这个就是原因的根本所在!