# dsw-ruler

## Description
vue2 ruler tool

## Installation
```
npm install dsw-ruler
```

### Template
```
<template>
<div>
  <DswRuler
    ref="ruler"
    :minNum="0"
    :maxNum="100"
    :orientation="1"
    @move="moveHandle"
    @click="clickHandle"
  />
</div>
</template>
```
### Script
```
import DswRuler from 'dsw-ruler';

export default {
  name: 'example',
  components: {
    DswRuler
  },
  method: {
    moveHandle(val) {
      console.log("mouse move to: ", val);
    },
    clickHandle(val) {
      console.log("mouse click on: ", val);
    },
    resize() {
      this.$refs.ruler.resize()
    }
  }
}
```