vue和小程序項目中使用iconfont的方法
更新時間：2020年05月19日 14:22:50 作者：小魚吃蝦米
這篇文章主要介紹了vue中和小程序中使用iconfont的方法，本文通過圖文并茂的形式給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
一、vue中使用iconfont
1、百度搜索iconfont或者阿里巴巴矢量圖標庫官網(wǎng)，注冊登錄；
2、找到圖標管理->新建項目，或者使用已有的項目，用于保存自己的圖標；
3、搜索自己需要的icon；
4、添加到購物車中；
5、購物車中就有了相應icon
6、點擊購物車，選擇添加至項目。就是我們剛才創(chuàng)建的項目或者之前已有的項目
7、點擊確定，即可將icon添加到我們的項目中
8、然后點擊我的項目，找到自己的項目，即可看到剛才添加的icon
9、點擊下載至本地
10、將下載的壓縮包進行解壓
11、打開解壓好的文件夾，找到iconfont.css
12、把解壓好的文件夾放入項目目錄下，在vue項目中的index.html中引入即可使用
如可以放在public文件夾下
13、在組件中使用
總結(jié)：
三步搞定
1、將iconfont下載至本地
2、在項目中引入文件
3、vue中直接使用，然后使用i標簽，通過類來規(guī)定使用的icon
4、小程序中把iconfont.css的后綴名改為wxss，在項目中直接使用i標簽即可
到此這篇關(guān)于vue和小程序項目中使用iconfont的方法的文章就介紹到這了,更多相關(guān)vue小程序使用iconfont內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹了Vue3渲染器與編譯器深入淺析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要為大家介紹了Vue之常用的內(nèi)置指令，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
本文主要介紹了vue3+pinia用戶信息持久緩存token的問題解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
這篇文章主要介紹了vue相同路由跳轉(zhuǎn)強制刷新該路由組件操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
Vue.js作為目前最熱門最具前景的前端框架之一,其提供了一種幫助我們快速構(gòu)建并開發(fā)前端項目的新的思維模式,下面這篇文章主要給大家介紹了關(guān)于如何基于Vue制作一個猜拳小游戲的相關(guān)資料,需要的朋友可以參考下2023-01-01
Element ui table表格內(nèi)容超出隱藏顯示省略號問題
這篇文章主要介紹了Element ui table表格內(nèi)容超出隱藏顯示省略號問題,具有很好的參考價值,希望對大家有所幫助,2023-11-11
隨著vue2的落幕,vue3越來成熟,有必要更新一下vue3的父子組件之間的傳值方式,這里介紹下vue3+vite+ts父子組件之間的傳值方式實例詳解,感興趣的朋友一起看看吧2023-12-12
淺談Vue.js之初始化el以及數(shù)據(jù)的綁定說明
今天小編就為大家分享一篇淺談Vue.js之初始化el以及數(shù)據(jù)的綁定說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue如何設置描點跳轉(zhuǎn)到對應頁面問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
vue項目使用lodash節(jié)流防抖函數(shù)問題解決方案
在lodash函數(shù)工具庫中，防抖 _.debounce 和節(jié)流 _.throttle 函數(shù)在一些頻繁觸發(fā)的事件中比較常用，這篇文章主要介紹了vue項目使用lodash節(jié)流防抖函數(shù)問題與解決,需要的朋友可以參考下2023-10-10