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' } ) ; 

ライセンス

MITライセンス。

特別なありがとう？

SVGアイコン用のアトミックラボ