v svg icons

V-SVG-ICON

vuejs的SVG圖標。
türkçeReadmedosyasıiçintıklayın！

入門

這些說明將使您在本地計算機上啟動並運行組件的副本。

安裝

您可以通過NPM安裝V-SVG-ICONS組件

 npm i v-svg-icons

下載後，V-SVG-Icons將準備在您的vue.js應用程序中使用

用法

• 將V-SVG-ICON組件導出到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進行版本控制。

作者

• MehmetSağır

執照

根據MIT許可獲得許可，請參閱許可證以獲取詳細信息。