title	preview
Ruler 刻度尺	https://didi.github.io/mand-mobile/examples/#/ruler

可滑动刻度尺^2.2.0+

引入

import { Ruler } from 'mand-mobile'

Vue.component(Ruler.name, Ruler)

代码演示

API

Ruler Props

属性	说明	类型	默认值	备注
v-model	双向绑定的值	Number	0	-
scope	刻度尺范围	Number[]	[0, 100]	-
step	刻度尺每一大格步数	Number	10	-
unit	刻度尺每一小格步数	Number	1	-
min	最小可滑动位置	Number	0	-
max	最大可滑动位置	Number	100	-
stepTextPosition2.2.1+	Step标志位置	String	'top'	可选'top', 'bottom'
stepTextRender2.2.1+	自定义step文案	Function	noop	自定义函数应该返回字符串

Ruler Events

@change(currentValue)

值发生变化事件