uni-number-box样式难改，应手写view+button+input自定义组件：用flex布局、v-model绑定、watch监听值校验、cursor-spacing防键盘遮挡。
uni-app里uni-number-box样式改不动？直接换自定义组件
官方uni-number-box只暴露有限的disabled、min、max等属性，但button-style和input-style实际兼容性差，H5上生效，小程序里常被原生样式覆盖。真要改加减按钮颜色、圆角、输入框边框、禁用态灰度——别折腾props，自己写一个。
用view + button + input手写结构最可控
核心是绕过uni-number-box的内部封装，用基础组件拼出行为一致但样式完全自由的结构：
-
button设type="default"避免微信小程序默认边框，用class控制宽高/圆角/背景色 -
input设type="number"并绑定v-model，加@blur做数值校验（比如超出min/max时自动回填） - 三个元素用
flex横向排列，input设flex: 1占中间，两边button固定宽度 - 禁用状态统一控制
button的disabled属性和input的disabled，再配opacity或color视觉反馈
watch监听值变化比@change更可靠
小程序里input的@change在快速连续点击加减时容易丢失事件，尤其安卓端。稳妥做法是用watch监听绑定的value变量：
watch: {
value(newVal) {
// 校验范围
if (newVal this.max) this.$emit('input', this.max)
else this.$emit('change', newVal) // 主动触发change供父组件监听
}
}
注意：必须用v-model双向绑定，且子组件通过this.$emit('input', ...)同步父级数据，否则watch拿不到变化。
小程序平台下input聚焦时键盘遮挡问题
H5没问题，但微信/支付宝小程序里，input获得焦点后软键盘弹出会顶起页面，可能把步进器挤出可视区。解决方法：
- 给
input加confirm-type="done"，让键盘右下角显示“完成”而非“搜索” - 监听
@focus，调用uni.pageScrollTo滚动到组件位置（需提前用uni.createSelectorQuery()获取节点高度） - 更简单粗暴：加
cursor-spacing="60"（单位px），让光标距离键盘顶部保持60px空隙，避免遮挡输入框内容
真机调试时务必在iOS和安卓都测一遍，iOS软键盘高度固定，安卓厂商定制键盘高度不一，cursor-spacing值可能需要微调。
