vue-cli3 font-awesome 도입 작업
1248 단어 vue-cli3font-awesome
"font-awesome": "^4.7.0"
npm 설치 실행
메인js 도입
//font
import "font-awesome/css/font-awesome.min.css"
보충 지식: Vue2.0에 font-awesome을 도입하고 Element-ui에 font-awesome의 icon을 정확하게 표시합니다
다음과 같습니다.
npm install font-awesome --save
메인js에서 도입
import 'font-awesome/css/font-awesome.css'
앱에서vue의
[class^="el-icon-fa"], [class*=" el-icon-fa"] {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome!important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@import '../node_modules/font-awesome/css/font-awesome.css';
$fa-css-prefix: el-icon-fa;
정상 사용
<i class="fa fa-user"></i>
<i class="fa fa-tree"></i>
<el-button icon="el-icon-fa fa-user" size="mini"> </el-button>
<el-button icon="el-icon-fa fa-tree" size="mini"> </el-button>
상기 vue-cli3에서 font-awesome을 도입한 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
처음 vue.js ① ~로컬 환경에서의 개발/환경 구축/vue-cli3~Vue.js에 대해 많은 기사가 있지만 장을 나누어 로컬 환경에서 FCM과 제휴까지 기사를 써 갑니다. 이번에는 「로컬 환경」에서 Vue.js의 템플릿을 이용한 사이트를 작성해 갑니다. Vue.js 개발 환경의 토대...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.