手册版本 V3.0
组件名称
graceNumberBox : /graceUI/组件目录/graceNumberBox
组件属性
width:{ type : String, default : '200rpx' } // 组件宽度( 内部input自动缩放 )
value : {type : Number, default: 0} // 默认值
disabled : {type : Boolean, default: false}// 是否禁用
maxNum:{ type: Number, default: 20} // 最大值
minNum: { type: Number, default: 1} // 最小值
index :{ type: Number, value: 0} // 组件索引
btnSize : { type : String, default : '60rpx'}
btnFontSize : { type : String, default : '36rpx' }// 加减按钮宽度
btnColr : { type : String, default : '#666666' } // 加减按钮颜色
inputHeight : { type : String, default : '30rpx' }// 输入框高度
inputFontSize : { type : String, default : '26rpx' } // 输入框文本大小
inputColor : { type : String, default : '#333333' } // 输入框文本颜色
inputBG : { type : String, default : '#F6F7F8' } // 输入框背景颜色
inputPadding : { type : String, default : '10rpx' }// 输入框内部间距
inputBorderRadius : { type : String, default : '8rpx' } // 输入框圆角尺寸
datas{type: String, default: ''} // 自定义携带数据
step{type: Number, default: 1} // 步进值
组件事件
当输入框值发送变化时会触发change事件,并携带数组形式的数据 :
[输入框的值, 组件index 属性, 自定义携带数据]
演示代码
UNI 普通版本
NVUE 版本
微信小程序独立版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。