1.從阿里圖標(biāo)庫(kù)下載相應(yīng)iconfont圖標(biāo)庫(kù)
2.在對(duì)應(yīng)文件夾下創(chuàng)建圖標(biāo)文件夾比如:src\components下創(chuàng)建iconfontMh(src\components\iconfontMh)业汰,然后將下載的font文件復(fù)制放入
3.在目錄src\App.vue斜脂,下引入相應(yīng)css
import "@/components/iconfontMh/iconfont.css"(注:如需引入多套,可重復(fù)這3個(gè)步驟,下載多套圖標(biāo)纱注,創(chuàng)建多個(gè)圖標(biāo)文件夾,引入多個(gè)圖標(biāo)樣式)
4.在對(duì)應(yīng)頁(yè)面標(biāo)簽中,通過(guò)阿里圖標(biāo)庫(kù)找到對(duì)應(yīng)名稱(chēng),正常使用即可
?<span >
? ? ? ? ? <i class="iconfont icon-shouqi"></i>
? ? ? ? </span>