uniapp中如何引入iconfont彩色圖標

1、進入https://www.iconfont.cn/官網，將需要的圖標添加到購物車，點擊購物車將圖標添加至相應的目標項目中

2、打開目標項目，下載代碼至本地。將下載的文件進行解壓

3、進入解壓后的文件夾，輸入命令行安裝iconfont-tools

npm install -g iconfont-tools

4、輸入命令行：iconfont-tools，一路按enter（如上圖所示）

5、打開iconfont文件夾即可看到生成的目標文件 iconfont-weapp

6、打開iconfont-weap文件夾，將 iconfont-weapp-icon.css （默認生成的文件名字）放入uniapp項目的static文件夾下

7、iconfont圖標的引入

（1）引入方式1：main.js中引入iconfont圖標文件

（2）App.vue文件中引入iconfont圖標

8、使用實例

<view class="t-icon t-icon-圖標名"></view>
//eg:
<view class="t-icon t-icon-wechat"></view>
<view class="t-icon t-icon-shanghaiyinhang"></view>

　　修改圖標的大小（通過設置width和height來修改）

.t-icon { width: 30px; height: 30px; }