當(dāng)前位置:首頁 > IT技術(shù) > 微信平臺 > 正文

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

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

尋找圖標

(1)打開并注冊阿里圖庫,找到自己需要的圖標添加到庫
前端必知:微信小程序如何引入阿里圖標_css
(2)將圖標加入到自己的項目
前端必知:微信小程序如何引入阿里圖標_字體圖標_02
前端必知:微信小程序如何引入阿里圖標_css_03

前端必知:微信小程序如何引入阿里圖標_css_04

(3)點擊查看在線鏈接,將代碼粘貼保存到自己的項目中。
前端必知:微信小程序如何引入阿里圖標_小圖標_05

在小程序中使用圖標

(1)在我們的項目中新建文件,將復(fù)制的圖標代碼粘過來并命名。
前端必知:微信小程序如何引入阿里圖標_微信小程序_06
(2)在需要使用圖標的頁面中引入字體圖標文件
前端必知:微信小程序如何引入阿里圖標_微信小程序_07
(3)圖標實現(xiàn)
前端必知:微信小程序如何引入阿里圖標_微信小程序_08
前端必知:微信小程序如何引入阿里圖標_字體圖標_09
當(dāng)然阿里圖庫提供了三種字體圖標的使用方法,我分享的是我個人覺得比較簡單好用的方法,如果對其他方法感興趣可以根據(jù)官方的指導(dǎo)去實現(xiàn)一下。

?

本文摘自 :https://blog.51cto.com/u

開通會員,享受整站包年服務(wù)立即開通 >