柚子快報激活碼778899分享：小程序使用阿里巴巴矢量圖標(biāo)庫

http://yzkb.51969.com/

一、登錄官網(wǎng)

www.iconfont.cn

二、在搜索框中搜索想要的圖標(biāo)，將鼠標(biāo)移動到圖標(biāo)上會看到三個標(biāo)記

可以使用下載，直接使用：

可以使用css文件使用：

?首先點(diǎn)擊購物車樣式的選項(xiàng)，而后點(diǎn)擊下圖位置：

點(diǎn)擊自己創(chuàng)建的項(xiàng)目，如果沒有要創(chuàng)建

?

點(diǎn)擊項(xiàng)目后進(jìn)入下一步驟。

三、下載（復(fù)制）樣式文件

點(diǎn)擊下面：

復(fù)制網(wǎng)頁中的代碼，并在小程序中 創(chuàng)建全局樣式文件app.wxss或者app.scss然后再項(xiàng)目中使用text標(biāo)簽，通過class屬性指定。

同城配送

行業(yè)龍頭

半小時送達(dá)

100%好評

那么類名怎么指定，來自咱從網(wǎng)站創(chuàng)建的app.wxss(app.scss)文件中的類名，下面展示部分：

.icon-tongchengpeisong:before {

content: "\e61b";

}

四、注意點(diǎn)

因?yàn)榘⒗锇桶湍J(rèn)沒有使用base64編碼，所以導(dǎo)致微信小程序報錯，為了去掉報錯，可以修改項(xiàng)目設(shè)置，從新生成新的css代碼：

最后點(diǎn)進(jìn)網(wǎng)址，復(fù)制到自己的app.wxss中。

柚子快報激活碼778899分享：小程序使用阿里巴巴矢量圖標(biāo)庫

http://yzkb.51969.com/

好文閱讀