第一步
先去iconfont挑選要用到的圖標
第二步
把圖標下載下來
第三步
下載完了之后打開文件绘闷,除了iconfont.css其余文件一概刪除
第四步
回到自己的iconfont項目勾怒,選擇unicode點擊生成代碼如果之前生成過可以忽視這一步跳到第五步
第五步
生成完畢之后點擊復(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>