我使用的?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