You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2.2 KiB
2.2 KiB
| title | description | spline | isComponent |
|---|---|---|---|
| Stepper 步进器 | 用于数量的增减。 | form | true |
引入
全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。
"usingComponents": {
"t-stepper": "tdesign-miniprogram/stepper/stepper"
}
代码演示
组件类型
基础步进器
{{ base }}
组件状态
最大最小状态
{{ min-max }}
禁用状态
{{ status }}
组件样式
步进器样式
{{ theme }}
步进器尺寸
{{ size }}
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'}) |
数值超出限制时触发 |