uniapp中使用iconfont的方法：首先下載需要的圖標(biāo)；然后選擇unicode點(diǎn)擊生成代碼；接著回到iconfont.css并且打開css文件；最后需要在【//at】前面加上【https:】，并調(diào)用iconfont。

本教程操作環(huán)境：windows7系統(tǒng)、uni-app2.5.1版本，該方法適用于所有品牌電腦。

推薦（免費(fèi)）：uni-app開發(fā)教程

uniapp中使用iconfont的方法：

第一步

先去iconfont挑選要用到的圖標(biāo)

第二步

把圖標(biāo)下載下來

第三步

下載完了之后打開文件，除了iconfont.css其余文件一概刪除

第四步

回到自己的iconfont項(xiàng)目，選擇unicode點(diǎn)擊生成代碼如果之前生成過可以忽視這一步跳到第五步

第五步

生成完畢之后點(diǎn)擊復(fù)制代碼

第六步

回到iconfont.css并且打開css文件，注意紅框內(nèi)容，全部刪除，替換成第五步剛剛復(fù)制過來的

第七步

替換完畢之后，需要在//at前面加上https:

第八步

調(diào)用iconfont

<template>     <view class="translation">                 <!--可以愉快的調(diào)用啦-->         <view class="iconfont icon-huhuan"></view>     </view> </template> <script>     export default {         data() {             return {                 val: 'iconfont的使用'             }         }     } </script> <style> /*選擇iconfont.css所在的路徑*/ @import '../../static/iconfont/iconfont.css'; </style>

相關(guān)免費(fèi)學(xué)習(xí)推薦：編程視頻