vue-touch-knob v1.0.28

vue-touch-knob

github地址

安装

 npm i vue-touch-knob -S

使用

<template>
  <div>
    <vue-knob></vue-knob>
  </div>
</template>

<script>
import vueKnob from 'vue-touch-knob'
export default {
  name: 'App',
  components: {vueKnob}
}
</script>

效果

传值

 props: {
   value: {
     type: Number,
     default: 10
   },
   min: {
     type: Number,
     default: 0
   },
   max: {
     type: Number,
     default: 255
   },
   step: {
     type: Number,
     default: 1
   },
   cursor: {
     type: Boolean,
     default: false
   },
   thickness: {
     type: Number,
     default: 0.35
   },
   lineCap: {
     type: String,
     default: 'butt'
   },
   readOnly: {
     type: Boolean,
     default: false
   },
   displayInput: {
     type: Boolean,
     default: true
   },
   width: {
     type: Number,
     default: 100
   },
   height: {
     type: Number,
     default: 100
   },
   bgColor: {
     type: String,
     default: '#EEEEEE'
   },
   fgColor: {
     type: String,
     default: '#87CEEB'
   },
   angleOffset: {
     type: Number,
     default: -125
   },
   angleArc: {
     type: Number,
     default: 250
   }
 }