vue-caliper v0.2.3

vue-caliper

caliper component. Easy to use.

Install

npm run dev

Examples

http://localhost:9999

Usage

import VueCaliper from 'vue-caliper'

//src/index.js中注册该组件

new Vue({
el: '#example',
data: {
  day: 30,
  mes: 30,
  listDay: [
    {
      'move': 0,
      'line': 375,
      'interval': 1,
      'transformMove': 0,
      'transformLine': 0
    }
  ],
  setMinDay: 1,
  texts: '项目期限(天)',
  colorClasses: 'orangeday'
},
methods: {
  onChange (val) {
    this.mes = val
  }
}
});

<vue-caliper
      v-model="day"
      :list="listDay"
      :min-value="setMinDay"
      :interval="15"
      :widths="4200"
      @change="onChange"
></vue-caliper>

Api

Properties

Events