更新记录
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)。
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | × | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
*注意:
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>