A vue numeric input using a seven segment display inspired by Sevenseg.js from https://github.com/BrandonLWhite/sevenSeg.js
npm install v-input-sevenseg
yarn build-lib
`$3
`
yarn serve
`
Project setup (have not checked if this works)
`
npm install --save vue-input-sevenseg
`$3
Use up/down arrow keys to increment value by step size\
Use shift-up arrow or shift-down arrow to multiply or divide step size by 10\
Use mouse wheel to increment value\
Look in the files ex1.html, ex2.html or ex_ff.html for firefox for examples.\
Example of parameters for component:
`
`v-model
- variable name, seems like it can actually be a number as well
- Use this parameter to bind it to a javascript variablecolor-on
- String. Default is Red.
- Color when a segment is oncolor-off
- String. Default is rgb(50, 0, 0)
- Color when a segment is off
color-back
- String. Default is Black
- Color for the box/background of the displayheight
- Number. Default is 100
- Height in pixels of a box the includes the display.width
- Number. Default is 400
- Width in pixels of a box the includes the display.digits
- Number. Default is 4
- Number of digits in the displayprecision
- Number. Default is undefined
- Number of digits of precision, positive number after decimal point, negative before decimal point step
- Number. Default 1
- Step size to increment/decrement using arrow keys or mouse wheelslant
- Number. Default is 0
- Degrees slant of the digits in the displaybuttons`This is my second vue project. Any suggestions to improve the code is welcome.
-
-
-
-
-