뷰 사용하여 기술 스택 개발뿐만 아니라 효율적인뿐만 아니라, 매우 친절하고있다 VUE 기반의 UI 프레임 워크의 많은 같은있다 : 등등 요소,하지만 단점은 그러한 프레임 워크, 아이콘도 있습니다. 이 문제를 해결하기 위해, 우리는 VUE를 사용하는 방법, 예를 들어, 알리에 타사 글꼴 라이브러리, 아이콘 라이브러리 오늘을 소개했다.
1, 우선은 적당한 아이콘을 찾은 다음 오른쪽 상단 모서리에있는 쇼핑 카트 아이콘을 클릭 한 다음 저장을 추가를 클릭합니다.
2, 당신은 당신이 추가 할 (프로젝트의 사전에 내장) 항목을 선택, 사이드 바에서 볼 수있는 아이콘을 선택하고 확인을 클릭합니다.
3, 내 프로젝트 페이지에, 당신은 좋은 선택 로컬 버튼에 다운로드를 클릭합니다 모든 아이콘을 볼 수 있습니다.
4, 파일을 압축 해제 다음 디렉토리에있는 모든 파일을 복사합니다.
5, iconfont.css main.js 파일에 소개했다.
(6), 아이콘은 이제 프로젝트에 도입 될 수있다. 당신은 iconfont 클래스를 추가하고 클래스 이름으로 아이콘 이름을 추가해야합니다.
<I 클래스 = "iconfont icontuding"> </ I>
