更新记录
1.0.0(2026-07-11)
下载此版本
初始版本
平台兼容性
uni-app(4.0)
| Vue2 |
Vue2插件版本 |
Vue3 |
Vue3插件版本 |
Chrome |
Chrome插件版本 |
Safari |
Safari插件版本 |
app-vue |
app-nvue |
Android |
Android插件版本 |
iOS |
鸿蒙 |
| √ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
√ |
1.0.0 |
- |
- |
√ |
1.0.0 |
- |
- |
| 微信小程序 |
微信小程序插件版本 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
1.0.0 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
zv-stepper
步进器,支持加减、直接输入、最小最大值、多种样式与尺寸。
用法
<!-- 基础 -->
<zv-stepper v-model="num" />
<!-- 小数步进 -->
<zv-stepper v-model="num" :step="0.5" />
<!-- 最小最大值 -->
<zv-stepper v-model="num" :min="0" :max="999" />
<!-- 禁用 -->
<zv-stepper v-model="num" disabled />
<!-- 样式 theme:default | plain | round -->
<zv-stepper v-model="num" theme="round" />
<!-- 尺寸 size:small | medium | large -->
<zv-stepper v-model="num" size="large" />
参数
| 参数 |
说明 |
默认 |
| v-model |
数值 |
0 |
| step |
步进值 |
1 |
| min / max |
最小/最大值 |
不限 |
| disabled |
是否禁用 |
false |
| size |
small / medium / large |
medium |
| theme |
default / plain / round |
default |
| decimalLength |
小数位数,-1 自动 |
-1 |
| inputWidth |
输入框宽度 |
随尺寸 |
| customStyle |
根节点行内样式 |
- |
| minusStyle / plusStyle / inputStyle |
按钮/输入框样式 |
- |
| minusColor / plusColor / buttonColor |
按钮颜色 |
- |
| inputBg |
输入框背景色 |
- |
事件
| 事件 |
说明 |
| change |
值变化 |
| blur / focus |
输入框失焦/聚焦 |
| overlimit |
达到边界仍点击,参数 minus / plus |