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

　　iconfont鏈接 http://m.fukunshoes.com

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

　　2. 點(diǎn)擊購(gòu)物車, 添加至項(xiàng)目, 如果沒有項(xiàng)目,新增一個(gè)項(xiàng)目

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

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

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

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

　　結(jié)果

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