說下在項目中如何使用icon-font圖標庫檀蹋。
GitHub:https://github.com/Ewall1106/mall
新建圖標項目
- 打開阿里巴巴矢量圖庫這個網(wǎng)站,進入圖標管理中寄摆,在里面新建一個項目作烟。
- 然后我們進入圖標庫中添加幾個圖片到購物車中部翘。
- 然后在購物車中將圖標添加到項目里面。
下載圖標到本地
- 進入我的項目中科平,然后下載到本地。(這里有三種不同的方式下載姜性,區(qū)別大家可以到官網(wǎng)里面了解更多)
項目中引入
- 下載完成了以后瞪慧,除了
iconfont.js
字體文件對我們沒有什么用以外,我們把所有的iconfont
文件復制一下部念。
- 全部復制到
styles
目錄下
- 然后我們到
main.js
中全局引入一下弃酌,只要引入iconfont.css
就可以了氨菇。
使用
- 我們在項目中用一下,隨便找個頁面妓湘,隨便寫個標簽查蓉,但
class
類名要為iconfont
-
span
里面的包裹的十六進制代碼去項目中復制一下,即可引入成功榜贴。