dsw0000/dsw_ruler
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: dsw0000:bc97e8a3058da4e844c7ccbe2d266424ecb3fbf5
Branches Tags
dsw0000:master
...
compare: dsw0000:36f68f7174029a26ad343fc159ec51dd435f3ac2
Branches Tags
dsw0000:master

2 Commits
bc97e8a305 ... 36f68f7174

Author SHA1 Message Date
ivo
36f68f7174 修改说明页面 2022-05-22 17:47:24 +08:00
ivo
8c8c874a25 修改组件id冲突bug 2022-05-22 14:24:51 +08:00
2 changed files with 7 additions and 1 deletions
Show Stats Expand all files Collapse all files

6
README.md
View File

@ -3,11 +3,17 @@
## 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>

2
src/App.vue
View File

@ -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"></DswRuler> <DswRuler class="vertical" :orientation="1" :minNum="-107" :maxNum="150" @move="callback" @click="callback"></DswRuler>
<div class="btn"> <div class="btn">
<button @click="sub">-</button> <button @click="sub">-</button>
<button @click="add">+</button> <button @click="add">+</button>