前端必知：微信小程序如何引入阿里圖標(biāo)
2021-08-10 17:35:33

在我們開發(fā)微信小程序的過(guò)程中，經(jīng)常會(huì)用到各種小圖標(biāo)。為了節(jié)省資源空間，以及便利性，我們通常會(huì)使用字體圖標(biāo)，今天就記錄一下具體要怎么實(shí)現(xiàn)？

尋找圖標(biāo)

（1）打開并注冊(cè)阿里圖庫(kù)，找到自己需要的圖標(biāo)添加到庫(kù)

（2）將圖標(biāo)加入到自己的項(xiàng)目

（3）點(diǎn)擊查看在線鏈接，將代碼粘貼保存到自己的項(xiàng)目中。

在小程序中使用圖標(biāo)

（1）在我們的項(xiàng)目中新建文件，將復(fù)制的圖標(biāo)代碼粘過(guò)來(lái)并命名。

（2）在需要使用圖標(biāo)的頁(yè)面中引入字體圖標(biāo)文件

（3）圖標(biāo)實(shí)現(xiàn)


當(dāng)然阿里圖庫(kù)提供了三種字體圖標(biāo)的使用方法，我分享的是我個(gè)人覺(jué)得比較簡(jiǎn)單好用的方法，如果對(duì)其他方法感興趣可以根據(jù)官方的指導(dǎo)去實(shí)現(xiàn)一下。