water_xcx/miniprogram_npm/tdesign-miniprogram/stepper

title	description	spline	isComponent
Stepper 步进器	用于数量的增减。	form	true

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "t-stepper": "tdesign-miniprogram/stepper/stepper"
}

代码演示

基本步进器

{{ base }}

带单位的步进器

{{ step }}

纯步进器

{{ input-width }}

步进器状态

禁用

{{ status }}

最小值/最大值

{{ min-max }}

其他

{{ other }}

API

Stepper Props

名称	类型	默认值	说明	必传
disabled	Boolean	false	禁用全部操作	N
disable-input	Boolean	false	禁用输入框	N
external-classes	Array	-	组件类名，分别用于表示组件外层元素、输入框、右侧递增号、左侧递减号等元素类名。['t-class', 't-class-input', 't-class-add', 't-class-minus']	N
input-width	Number	-	输入框宽度	N
max	Number	100	最大值	N
min	Number	0	最小值	N
step	Number	1	步长	N
theme	String	normal	组件风格。可选项：normal/grey	N
value	String / Number	0	值	N
default-value	String / Number	undefined	值。非受控属性	N

Stepper Events

名称	参数	描述
blur	`({ type: string	number })`
change	`({ value: string	number })`
overlimit	`({type: 'minus'	'plus'})`