v svg icons

V-SVG-ICONS

vuejs의 SVG 아이콘.
Türkçe readme dosyası için tıklayın!

시작하기

이 지침을 사용하면 로컬 컴퓨터에서 구성 요소의 사본을 올릴 수 있습니다.

설치

NPM으로 V-SVG-ICONS 구성 요소를 설치할 수 있습니다

 npm i v-svg-icons

다운로드 후 Vue.js 애플리케이션에서 V-SVG-ICONS가 사용할 준비가됩니다.

용법

• V-SVG-ICONS 구성 요소를 main.js 파일로 내 보냅니다

 import icons from "v-svg-icons" ;

• 원하는 이름으로 V-SVG-ICONS 구성 요소를 등록하십시오

 Vue . component ( "icon" , icons ) ;

이 단계 후에는 프로젝트의 모든 등록 된 구성 요소에서 태그 이름으로 사용할 수 있습니다.

• 아이콘을 사용하려면 태그 안에있는 이름 매개 변수로 원하는 아이콘 이름을 지정해야합니다.

< icon name="arrow-up">

• 예제에서와 같이 너비와 높이 값을 지정할 수 있습니다.
  모든 아이콘의 기본 너비와 높이 값은 50px입니다.

< icon name="arrow-up" size="60px" />

• "색상"매개 변수를 사용하여 아이콘의 색상을 변경할 수 있습니다.

< icon name="arrow-up" color="black" />
< icon name="arrow-up" color="# 000 " />
< icon name="arrow-up" color="rgba(0, 0, 0, . 2 )" />

• 아이콘의 이름을 추가 스타일 작업의 클래스 이름으로 사용할 수 있습니다.

< icon name="arrow-up" />

<style >
    . arrow-up {
        fill : green;
        background : red;
        width : 150 px ;
        height : 150 px ;
    }
< / style >

예제에서와 같이 SVG에 대해 만들 수있는 모든 변경 사항을 적용 할 수 있습니다.

버전 작성

우리는 버전 관리에 github를 사용합니다.

저자

• Mehmet Sağır

특허

MIT 라이센스에 따라 라이센스가 부여 된 경우 자세한 내용은 라이센스를 참조하십시오.