SVG在VUE中渲染的兩種格式

我使用的?iconfont?圖標(biāo)庫,所以接下來介紹的流程是以iconfont為例

1.在官網(wǎng)中選擇自己需要的圖標(biāo)加入購物車(添加入庫)

2.在購物車中將自己選好的圖標(biāo)添加至需要使用的項(xiàng)目(沒有則新建一個(gè),名稱自定義即可)


3.如果有更新則點(diǎn)擊更新


4.更新完成會(huì)新生成一個(gè)url(每次更新都會(huì)變哦)


5.在自己項(xiàng)目的src/components文件夾下面新建icon組件



組件中一定不能忘記引入iconfont中生成的url

6.在src/components文件夾下生成index.js文件,將組件掛在到vue中成為全局組件



7.這樣在任何vue頁面中無需單獨(dú)引入則可以使用圖標(biāo)庫中的圖標(biāo)了



將圖標(biāo)設(shè)置在頁面需要的地方,可設(shè)置顏色與大小




END

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容