vue cryptoicon

Vue-Cryptoicon

美麗的像素完美400+加密貨幣和10多種法定貨幣圖標，範圍有多種樣式和尺寸

演示

安裝

NPM

使用NPM安裝。

 npm install vue - cryptoicon // yarn add vue-cryptoicon 

快速開始

全球的

要在您的項目中使用，只需導入Vue-Cryptoicon並安裝到VUE中。

main.js

 import Vue from 'vue' ;
import Cryptoicon from 'vue-cryptoicon' ;
// For all icons
import icon from 'vue-cryptoicon/src/icons' ;
Cryptoicon . add ( icon ) ;
Vue . use ( Cryptoicon ) ;

// selective icons 
import { Btc , Eth , Xrp , Eos , Bnb , Tron } from 'vue-cryptoicon/src/icons' ;
Cryptoicon . add ( [ Btc , Eth , Xrp , Eos , Bnb , Tron ] ) ;
Vue . use ( Cryptoicon ) ;

app.vue

 < template >
    <!-- Bitcoin color icon-->
    < cryptoicon symbol =" btc " size =" 24 " />  
    <!-- Bitcoin blue color icon-->
    < cryptoicon symbol =" btc " size =" 24 " color =" blue " />
    <!-- Bitcoin  black (#000)  icon-->
    < cryptoicon symbol =" btc " size =" 24 " color =" #000 " />
</ template > 

道具

姓名	描述	類型	預設	接受的值
symbol	加密貨幣符號	String	-	有效且可用
color	符號的顏色	String	顏色	十六進製或顏色名稱
size	圖標的大小	Number	24	正整數

進步

您可以更改main.js中size和color的默認值

 Vue . use ( Cryptoicon , { size : '50' , color : 'black' } ) ; 

執照

麻省理工學院許可證。

特別謝謝？

SVG圖標的原子實驗室