博客 / 詳情

返回

微信小程序項目中使用iconfont步驟流程(Font class方式)

本文記錄一下在小程序項目中使用iconfont-阿里巴巴矢量圖標庫的步驟流程,忘了時候可以看看

第一步,訪問網站並登錄

網站地址:https://www.iconfont.cn/
登錄(註冊)略過...

第二步,搜索所需圖標,並加入購物車

圖一:
image.png

圖二:
image.png

圖三:
image.png

圖四:
image.png

第三步,選擇Font class形式,並生成代碼

圖一:
image.png

圖二:
image.png

圖三:
image.png

第四步,將生成的代碼粘貼到文件目錄中去

image.png

第五步,全局引入圖標樣式代碼

image.png

第六步,使用即可

圖一使用:
image.png

圖二效果圖:
image.png

注意,圖標的名字是在阿里iconfont那邊,如下圖:
image.png

user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.