微信小程序中使用iconfont阿里巴巴矢量圖標

1.首先去https://www.iconfont.cn中選擇項目需要的圖片,並且加入到購物車。

2.在購物車中將圖標---添加至項目

3.選擇Unicode -----查看在線鏈接

4.複製代碼,下載代碼

5.解壓代碼壓縮包編輯iconfont.css,將下面標註的內容替換爲剛纔複製的代碼(紅色框部分)

6.複製iconfont.css中的所有代碼,粘貼至小程序app.wxss文件中,在需要的地方引用(可以給標籤加style--color,改變圖標顏色)

<icon class="iconfont icon-youjiantou"></icon>

<icon class="iconfont icon-youjiantou1"></icon>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章