背景 對於前端而言，圖標的發展可謂日新月異。從img標簽，到雪碧圖，再到字體圖標，svg，甚至svg也有了類似於雪碧圖的方案svg-sprite-loader。雪碧圖沒有什么好講的了，只是簡單地利用 ...

編寫組件頁面 1.在components下新建一個新建組件頁面，如下所示 2.新建完成之后初始頁面的代碼如下所示： 3.下面從element-ui上找一個頂部導航菜單寫到組件頁面。 使用組件 1.引入組件 2.注冊組件 3.使用 ...

1.登錄iconFont官網 2.選中需要的icon，添加入庫 3.添加至項目 4.添加到自己的項目中，點擊更新代碼，並復制此代碼，並單擊下載至本地 5.解壓后只復制iconfont.css,放入自己的項目中並正確引入 . 6.我放到 ...

到圖標的組件中寫： 這樣就可以引用到你想要的iconfont圖標啦 ...

為什么不切圖標了 以前的圖標我們非常喜歡用ps等工具切成一張張xxx.png圖片，如果稍微懂點移動端適配，對dpr(設備像素比)有所了解的，還會切出類似home@1x.ppng,home@2x.pn ...

在上一篇文章中介紹了如何在vue項目中使用vue-awesome，如果你想了解，請移步《vue項目中使用vue-awesome》 這里介紹一下vue項目中如何使用阿里的iconfont圖標庫，先看一下官網 可以看到有將近兩百萬的圖標量，可以說我們想要的矢量圖圖標這里大部分都是有的，下面直接 ...

2、在Vue項目中assets文件夾下新增一個icon文件夾，將下載下來的文件解壓到icon文 ...

第一步： 進入阿里矢量圖標庫並登錄 地址：https://www.iconfont.cn 第二步： 選擇項目需要的圖標添加到庫 第三步： 選完之后點擊右上角的購物車，打開后點擊添加到項目，沒有就自己建一個（按鈕都在同一個頁面） 第四步： 添加到項目后，在彈出的頁面修改項目防止 ...