商城系統(tǒng) 注冊(cè)

微信小程序在開(kāi)發(fā)中如何引用外部icon

2018-05-04|HiShop
導(dǎo)讀:微信小程序在開(kāi)發(fā)中如何引用外部icon? 首先在阿里巴巴矢量圖標(biāo)庫(kù)添加需要的icon,點(diǎn)擊下載至本地 然后在下載的東西里找到這個(gè)文件iconfont.css 在自己的小程序里建一個(gè)iconfont.wxss的頁(yè)...

微信小程序在開(kāi)發(fā)中如何引用外部icon?

微信小程序在開(kāi)發(fā)中如何引用外部icon

微信小程序在開(kāi)發(fā)中如何引用外部icon

首先在阿里巴巴矢量圖標(biāo)庫(kù)添加需要的icon,點(diǎn)擊下載至本地

然后在下載的東西里找到這個(gè)文件iconfont.css

微信小程序在開(kāi)發(fā)中如何引用外部icon

微信小程序在開(kāi)發(fā)中如何引用外部icon

在自己的小程序里建一個(gè)iconfont.wxss的頁(yè)面,建議放在公共樣式里,自己可以找到路徑就行,把之前iconfont.css的內(nèi)容放到iconfont.wxss里面。

微信小程序在開(kāi)發(fā)中如何引用外部icon

使用 import導(dǎo)入,或者放在app.wxss里面全局,反正得導(dǎo)入它。

微信小程序在開(kāi)發(fā)中如何引用外部icon

頁(yè)面用的時(shí)候先寫(xiě)iconfont 再寫(xiě)對(duì)應(yīng)的icon的名字 如下,

微信小程序在開(kāi)發(fā)中如何引用外部icon

對(duì)應(yīng)icon的名字在iconfont.wxss里面,這就是下載的那些icon

微信小程序在開(kāi)發(fā)中如何引用外部icon

彩色的icon不能用不能用不能用!?。。。。。?!出來(lái)是一個(gè)方塊。

電話咨詢 預(yù)約演示 0元開(kāi)店