小程序使用iconfont可以減少圖片,加快小程序加載速度,使用后圖標(biāo)可以像文字一樣改變大小和顏色

　　iconfont鏈接 http://www.cscki.com

　　1. 找到需要圖標(biāo)添加入庫

　　2. 點擊購物車, 添加至項目, 如果沒有項目,新增一個項目

　　3. 點擊圖標(biāo)管理->我的項目, 選擇對應(yīng)的項目, 下載至本地

　　4. 解壓下載的壓縮包, 找到iconfont.css文件,并直接修改后綴名為 iconfont.wxss

　　5. 將修改后的文件復(fù)制到小程序項目的根目錄,并在app.wxss里引用 @import "/iconfont.wxss";

　　6. 在wxml文件里使用 ,class里的規(guī)則是 iconfont固定,后面是你想要使用的icon的名稱

　　結(jié)果

　　使用iconfont后可以像文字一樣改變大小和顏色, 而且加載速度快,不需要使用圖片