vue cryptoicon

Vue-Cryptoicon

Pixel indah sempurna 400+ cryptocurrency dan 10+ ikon mata uang fiat, dalam berbagai gaya dan ukuran

Demo

Memasang

NPM

Menginstal dengan NPM.

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

Awal yang cepat

Global

Untuk digunakan dalam proyek Anda, cukup impor Vue-Cryptoicon dan instal ke 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 > 

Alat peraga

Nama	Keterangan	Jenis	Bawaan	Nilai yang diterima
symbol	Simbol cryptocurrency	String	-	Valid dan tersedia
color	Warna simbol	String	warna	Hex atau nama warna
size	Ukuran ikon	Number	24	Bilangan bulat positif

Maju

Anda dapat mengubah nilai default size dan color di main.js

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

Lisensi

Lisensi MIT.

Terima kasih khusus?

Laboratorium Atom untuk Ikon SVG