• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

man15h/vue-cryptoicon: Cryptocurrency icons for your next Vue project

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

man15h/vue-cryptoicon

开源软件地址:

https://github.com/man15h/vue-cryptoicon

开源编程语言:

JavaScript 92.4%

开源软件介绍:

npm travis npm npm

vue-cryptoicon

Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon, in a range of styles and sizes

Vue-Cryptoicon

Demo

Install

NPM

Installing with npm.

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

Quick start

Global

To use in your project, just import vue-cryptoicon and install into 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>

Props

Name Description Type Default Accepted values
symbol Cryptocurrency symbol String - Valid and Available
color Color of the symbol String color HEX or color name
size Size of the icon Number 24 Positive integer

Advance

You can change the default value of size and color in main.js

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

License

MIT license.

Special Thanks


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap