這是轉(zhuǎn)載咬最,原出處是這里:https://blog.csdn.net/markkr133/article/details/80287954
一、下載圖標(biāo)
1仁连、首先在阿里云(iconfont)中找到項目中所需要的圖標(biāo)并且加入到購物車敬飒。
2、添加至項目并下載本地
? ? ? ? ? ? ?(1)添加至項目 橙垢,如圖:下? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
(2) 選擇小程序項目名稱并點確定,如圖:下
(3)選擇Unicode伦糯,點擊‘暫無代碼,點此生成’代碼嗽元,如圖:下
? ? ? ? ? ? ?(4)復(fù)制生成的代碼敛纲,點擊下載至本地,如圖:下
(5)解壓壓縮包編輯iconfont.css剂癌,將下面標(biāo)注的內(nèi)容替換為剛才復(fù)制的代碼(紅色框內(nèi)表示粘貼剛才復(fù)制的代碼)淤翔,如圖:下
二、微信小程序中使用
1佩谷、復(fù)制iconfont.css中的所有代碼旁壮,粘貼至小程序app.wxss文件中监嗜,如圖:下
2、界面(.wxml)文件中引用抡谐,代碼如下:
<icon class="iconfont icon-yingyezhong"></icon>
<icon class="iconfont icon-gerenzhongxin"></icon>