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

小程序如何使用阿里字體圖標(biāo)

2018-01-16|HiShop
導(dǎo)讀:小程序不通過(guò)轉(zhuǎn)換成base64的方式實(shí)現(xiàn),就要使用阿里字體圖標(biāo)。...

  小程序不通過(guò)轉(zhuǎn)換成base64的方式實(shí)現(xiàn),就要使用阿里字體圖標(biāo)。

  下載圖標(biāo)

  首先在阿里字體圖標(biāo)查找你所需要的圖標(biāo),然后“添加入庫(kù)”(類似加入購(gòu)物車那種)添加至項(xiàng)目(沒(méi)有項(xiàng)目選擇新建項(xiàng)目)

  選擇unicode,點(diǎn)擊“查看在線鏈接”復(fù)制里面的代碼

  點(diǎn)擊“下載至本地”,解壓壓縮包編輯iconfont.css,將下面標(biāo)注的內(nèi)容替換為剛才復(fù)制的代碼

  小程序中使用

  將修改后的iconfont.css里面的代碼全部復(fù)制到微信小程序中需要用到的wxss文件中,

  界面(wxml)中引用:

  {{begindate}}//icon-begindate表示開(kāi)始時(shí)間的圖標(biāo)

  {{enddate}}//icon-enddate表示結(jié)束時(shí)間的圖標(biāo)

  注:如何區(qū)分是哪個(gè)圖標(biāo)?可以在阿里圖標(biāo)“我的項(xiàng)目”中根據(jù)圖標(biāo)文字下面的&#后面的代碼進(jìn)行區(qū)分

小程序如何使用阿里字體圖標(biāo)

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