在vue項(xiàng)目中正確使用iconfont的方法
更新時(shí)間：2018年09月28日 09:54:41 作者：碼農(nóng)記錄者
今天小編就為大家分享一篇在vue項(xiàng)目中正確使用iconfont的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
1、打開(kāi) iconFont官網(wǎng) 選擇自己喜歡的圖標(biāo)，并且添加購(gòu)物車
2、點(diǎn)擊購(gòu)物車，添加至項(xiàng)目
3、下載至本地
4、把我們下載好的文件iconfont.css和iconfont.ttf放到項(xiàng)目assets文件夾下（可創(chuàng)建一個(gè)css文件或iconfont文件）
5、在main.js中引入iconfont.css樣式
import './assets/iconfont/iconfont.css'
6、在在vue文件中引用<i class="iconfont
icon-zitigui-xianxing"></i>
7、假如報(bào)錯(cuò)，需要下載css-loader依賴包
npm install css-loader --save
以上這篇在vue項(xiàng)目中正確使用iconfont的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了淺談vue中$bus的使用和涉及到的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
這篇文章主要介紹了詳解Vue.js入門環(huán)境搭建，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
element?ui?就是基于vue的一個(gè)ui框架,該框架基于vue開(kāi)發(fā)了很多相關(guān)組件,方便我們快速開(kāi)發(fā)頁(yè)面,餓了么前端團(tuán)隊(duì)基于vue進(jìn)行開(kāi)發(fā)并且進(jìn)行了開(kāi)源?element?ui?中提供全部都是封裝好組件,本文給大家介紹Element?UI安裝全過(guò)程,感興趣的朋友一起看看吧2024-01-01
本篇文章給大家分享了vue.js數(shù)組的變異方法的相關(guān)內(nèi)容，有興趣的朋友跟著學(xué)習(xí)參考下。2018-06-06
這篇文章主要介紹了一篇文章帶你徹底搞懂VUE響應(yīng)式原理，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可任意參考一下,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了Ant Design Pro 之 ProTable使用操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
vue實(shí)現(xiàn)某元素吸頂或固定位置顯示（監(jiān)聽(tīng)滾動(dòng)事件）
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)某元素吸頂或固定位置顯示，監(jiān)聽(tīng)滾動(dòng)事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)表格過(guò)濾功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
組件（Component）是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素，封裝可重用的代碼。接下來(lái)通過(guò)本文給大家介紹Vuejs第十二篇之動(dòng)態(tài)組件，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-09-09
Vue-DPlayer是一個(gè)易于使用、高性能的基于Vue.js的視頻播放器組件,本文給大家介紹Vue DPlayer詳細(xì)使用,本文將從四個(gè)方面對(duì)Vue-DPlayer進(jìn)行詳細(xì)的闡述,感興趣的朋友一起看看吧2023-10-10