| title | Ruler |
|---|---|
| preview | https://didi.github.io/mand-mobile/examples/#/ruler |
Slidable ruler2.2.0+
import { Ruler } from 'mand-mobile'
Vue.component(Ruler.name, Ruler)| Props | Description | Type | Default | Note |
|---|---|---|---|---|
| v-model | current value | Number | 0 | - |
| scope | ruler scope | Number[] | [0, 100] | - |
| step | each large distance of the scale | Number | 10 | - |
| unit | scale each small distance | Number | 1 | - |
| min | minimum | Number | 0 | - |
| max | maximum | Number | 100 | - |
| stepTextPosition2.2.1+ | step text position | String | 'top' | 'top' and 'bottom' |
| stepTextRender2.2.1+ | step text render function | Function | noop | function should return string value |
Change value