Compare commits
No commits in common. "36f68f7174029a26ad343fc159ec51dd435f3ac2" and "bc97e8a3058da4e844c7ccbe2d266424ecb3fbf5" have entirely different histories.
36f68f7174
...
bc97e8a305
@ -3,17 +3,11 @@
|
|||||||
## Description
|
## Description
|
||||||
vue2 ruler tool
|
vue2 ruler tool
|
||||||
|
|
||||||
## Feature
|
|
||||||
- dynamic size
|
|
||||||
- mouse events(click, move)
|
|
||||||
- orientation switch(horizontal, vertical)
|
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
```
|
```
|
||||||
npm install dsw-ruler
|
npm install dsw-ruler
|
||||||
```
|
```
|
||||||
|
|
||||||
### Usage
|
|
||||||
### Template
|
### Template
|
||||||
```
|
```
|
||||||
<template>
|
<template>
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<DswRuler class="horizontal" :minNum="-107" :maxNum="num" @move="callback" @click="callback"></DswRuler>
|
<DswRuler class="horizontal" :minNum="-107" :maxNum="num" @move="callback" @click="callback"></DswRuler>
|
||||||
<DswRuler class="vertical" :orientation="1" :minNum="-107" :maxNum="150" @move="callback" @click="callback"></DswRuler>
|
<DswRuler class="vertical" :orientation="1" :minNum="-107" :maxNum="150"></DswRuler>
|
||||||
<div class="btn">
|
<div class="btn">
|
||||||
<button @click="sub">-</button>
|
<button @click="sub">-</button>
|
||||||
<button @click="add">+</button>
|
<button @click="add">+</button>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user