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许可获得许可，请参阅许可证以获取详细信息。