我使用的?iconfont?圖標庫,所以接下來介紹的流程是以iconfont為例
1.在官網(wǎng)中選擇自己需要的圖標加入購物車(添加入庫)
2.在購物車中將自己選好的圖標添加至需要使用的項目(沒有則新建一個挣棕,名稱自定義即可)
3.如果有更新則點擊更新
4.更新完成會新生成一個url(每次更新都會變哦)
5.在自己項目的src/components文件夾下面新建icon組件
組件中一定不能忘記引入iconfont中生成的url
6.在src/components文件夾下生成index.js文件,將組件掛在到vue中成為全局組件
7.這樣在任何vue頁面中無需單獨引入則可以使用圖標庫中的圖標了
將圖標設(shè)置在頁面需要的地方粗恢,可設(shè)置顏色與大小
END