0.1.7 • Published 3 years ago

vue-flop-card v0.1.7

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

vue-flop-card

npm version license downloads

This is a flop card for vuejs, A digital card flop, usually used in data analysis and large-screen projects

Feel free to report issues, fork, send feature/pull-requests, or reuse for whatever purpose you see fit.

Preview

Preview horizontal flip

Installation

npm install vue-flop-card --save

Getting started

Global registration

Within a Vue project, add these lines in your main.js or index.js;

import Vue from 'vue';
import VueFlopCard from 'vue-flop-card';

Vue.use(VueFlopCard);

Local registration

import VueFlopCard from "vue-flop-card";

export default {
    components: {VueFlopCard}
}

Example usage

Component usage content:

data(){
  return {
    earAmount: 0
  }
}

<vue-flop-card
    :amount="earAmount"
    :places="9"
    :flop-width="45"
    :flop-height="60">
</vue-flop-card>

Props

PropTypeDefault ValueDescription
amountNumber0Card numerical value
background-colorString#05c8c0Card background color
colorString (enum)#FFFFFFCard font color
separatorString,Separator
placesNumber9The flop card places
flop-widthNumber22flop item card width
flop-heightObject38flop item card width
font-sizeNumber26flop item card font size
font-familyString-flop item card font family
is-coverageBooleantrueIS zero padding
is-separatorBooleantrueIs show separator

License

Copyright (c) 2021 BZ-koko

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.2.2

3 years ago