Taro Icon 使用Iconfont图标库

前言

• Taro几个图表肯定是不够用的

• 使用IconFont图标库（线上、本地）都可以用

• 版本Taro UI 3.0往上

解决方案

• 不同的Taro版本有点不一样，先差一下目标Icon使用的前缀名称，首先找到引用的Icon.scss

import "taro-ui/dist/style/components/icon.scss";

image.png

• 使用的前缀名称是at-icon

• 新建一个iconfont项目,注意前缀名称改为at-icon-，重要！！！
  

  image.png

• 打开这个链接

  
  image.png

image.png

• 复制即可，在项目的src（app.js或者其他）下新建xxx.css粘贴。

• 在app.js最下方icon.scss下引入xxx.css

• 使用，去掉前缀！！！

image.png image.png

本地使用

• 下载至本地使用.css文件放到相同目录即可