Taro使用阿里图标库Iconfont

下载阿里图标库至本地

1. 选择图标加入到我的项目
2. 下载至本地
3. 解压拷贝出iconfont.css和iconfont.eot两个文件至项目中
   

在Taro项目中使用啦

1. 把iconfont.css中的class类iconfont改成icon

   	//把iconfont 类名 改为icon
   	.iconfont {
   	  font-family:"iconfont" !important;
   	  ...
   	}
   	//改为
   	.icon {
   	  font-family:"iconfont" !important;
   	  ...
   	}
   	```
   
   

2. 在 app.js中全局引入引入阿里图标库的样式

   //引入阿里图标库
   import './assets/css/iconfont.css'
   

3. 准备工作完成，页面可以使用图标啦

   //引入阿里图标库
   import { AtIcon } from 'taro-ui'
   
   <AtIcon prefixClass='icon' value='my' size='30' color='#F00'></AtIcon>
   

   my 是图标的名 ，图标全名是 icon-my

4. 上效果图，第一个是Taro自带icon，第二个就是阿里的图标啦