一、第一步進(jìn)入iconfont網(wǎng)站
1.添加需要使用的圖標(biāo)，點(diǎn)擊購物車圖標(biāo)加入項目
?
2.點(diǎn)擊右上角的購物車按鈕
?
?3.點(diǎn)擊添加項目按鈕，選擇一個項目添加即可，若沒有項目，可以創(chuàng)建
?
4.添加完項目會自動跳轉(zhuǎn)到下一個頁面，點(diǎn)擊font class 生成在線鏈接
?
5.復(fù)制生成的鏈接，去網(wǎng)頁打開，并右鍵另存為
?
第二步，將生成的文件放入項目里，將文件后綴重命名為wxss
?
?
1.在所需要使用iconfont圖標(biāo)的頁面文件wxss下導(dǎo)入，
?
2.回到iconfont網(wǎng)站，點(diǎn)擊需要使用的圖標(biāo)復(fù)制代碼，寫入js文件中使用圖標(biāo)的代碼中
?
?3.在對應(yīng)wxml文件中
通過<view?class="iconfont?{{item.selectedIconPath}}"></view>去使用即可，代碼只是示例
<view class="tabbar-box">
<block wx:for="{{list}}" wx:key="list">
<view class="list-item {{currIndex==index && 'active'}}" catchtap="tabClick" data-index="{{index}}">
<view class="iconfont {{item.iconPath}}"></view>
<text>{{item.name}}</text>
</view>
</block>
<view class="active-tabbar-box" style="--n:{{currIndex}}"></view>
</view>
?
?以上完成后保存即能實(shí)現(xiàn)啦文章來源：http://www.zghlxwxcb.cn/news/detail-482495.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-482495.html
到了這里，關(guān)于微信小程序使用iconfont圖標(biāo)的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
