更新记录
1.0.0(2023-12-26) 下载此版本
注意: 1:本插件基于uniapp(vue2),为微信小程序而封装设计,input[type]为number,键盘无小数点,其他平台键盘需自行限制; 2:支持并推荐使用easycom引用组件。
DIY功能: 1:支持最大值最小值设置; 2:支持禁用输入框; 3:支持设置步数; 4:支持自定义高度(input宽度由最大值而自适应); 5:支持长按加减; 6:支持设置圆角; 7:支持设置背景颜色(#HEX格式); 8:支持设置文字颜色(black/white)。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.96 | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
*注意:
1:本插件为微信小程序而封装设计,input[type]为number,键盘无小数点,其他平台键盘需自行限制;
2:支持并推荐使用easycom引用组件。
DIY功能:
1:支持最大值最小值设置;
2:支持禁用输入框;
3:支持设置步数;
4:支持自定义高度(input宽度由最大值而自适应);
5:支持长按加减;
6:支持设置圆角;
7:支持设置背景颜色(#HEX格式);
8:支持设置文字颜色(black/white)。
使用说明:
<ry-number-box
v-model="numberValue"
:min="1"
:max="9"
:disabled="disabled"
:step="step"
height='60rpx'
:longpress="false"
inputRadius="5rpx"
btnRadius="5rpx"
bgColor="#c8c8c8"
textColor="black"
></ry-number-box>