商城系統(tǒng) 注冊

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

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

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

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

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

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

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

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

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

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

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

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

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

頁面用的時候先寫iconfont 再寫對應(yīng)的icon的名字 如下,

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

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

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

彩色的icon不能用不能用不能用?。。。。。。?!出來是一個方塊。

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