vue cryptoicon

Vue-cryptoicon

พิกเซลที่สวยงามสมบูรณ์แบบ 400+ cryptocurrency และไอคอนสกุลเงินเฟียต 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	สัญลักษณ์ cryptocurrency	String	-	ถูกต้องและพร้อมใช้งาน
color	สีของสัญลักษณ์	String	สี	Hex หรือชื่อสี
size	ขนาดของไอคอน	Number	24	จำนวนเต็มบวก

ก้าวหน้า

คุณสามารถเปลี่ยนค่าเริ่มต้นของ size และ color ใน main.js

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

ใบอนุญาต

ใบอนุญาต MIT

ขอบคุณเป็นพิเศษ?

Atomic Labs สำหรับไอคอน SVG