KeCheng

2.2 KiB

Raw Permalink Blame History Unescape Escape

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

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

引入

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

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

代码演示

组件类型

基础步进器

组件状态

最大最小状态

禁用状态

组件样式

步进器样式

步进器尺寸

API

Stepper Props

名称	类型	默认值	说明	必传
disable-input	Boolean	false	禁用输入框	N
disabled	Boolean	false	禁用全部操作	N
external-classes	Array	-	组件类名，分别用于表示组件外层元素、输入框、右侧递增号、左侧递减号等元素类名。`['t-class', 't-class-input', 't-class-add', 't-class-minus']`	N
input-width	Number	-	输入框宽度，默认单位 `px`	N
max	Number	100	最大值	N
min	Number	0	最小值	N
step	Number	1	步长	N
size	String	medium	组件尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`	N
theme	String	normal	组件风格。可选项：normal/filled/outline	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'})`	数值超出限制时触发

2.2 KiB Raw Permalink Blame History Unescape Escape

引入