更新记录

1.0.1(2023-07-23) 下载此版本

修复微信小程序修改背景颜色不生效问题

1.0.0(2021-03-24) 下载此版本

发布版本1.0


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.14 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × ×

属性参数

属性 类型 默认值 说明
confirmText String '付款' 确认按钮的文本
confirmStyle Object {backgroundColor:'#57BE6D'} 确认按钮的样式
duration Number 300 键盘弹起的动画时间
</slot> HTML - 键盘上部是一个插槽,可以自定义内容

事件方法

属性 类型 说明 返回值
change Events 数字改变时触发 数字键盘的值
confirm Events 点击右下角确认按钮触发 数字键盘的值
hide Events 点击非键盘位置时触发 -

使用方法示例

template中使用

复制代码<cu-keyboard ref="cukeyboard" @change="change" @confirm="confirm" @hide="hide"></cu-keyboard>

调用键盘显示的方法

复制代码this.$refs.cukeyboard.open();

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议
303***@qq.com

2024-10-10

input 聚焦的时候 怎么隐藏原生的软键盘呢,

折沐 2024-10-17

首先这个虚拟键盘的目的就是替换软件盘的,所以可以不使用input,改成普通view点击弹出虚拟键盘,在虚拟键盘进行数字选择,如果一定要使用input,可以在聚焦时候使用uni.hideKeyboard()隐藏原声键盘,但是有可能会闪烁一下

113***@qq.com

2024-04-15

可不可以让键盘一直显示,不进行收缩

折沐 2024-04-15

这是个很简单的组件,可以修改源码中的close方法,将方法内部注释就可以了,但是我不建议这么做,我更推荐在组件外层套用使用v-if,在来重置组件状态

这个需求做不了

2023-07-24

输入的时候能不能做到和微信一样,比如说第一个数字是0,第二次输入9的时候 就变成9开头,把0给去掉,然后可以保留两位小数

折沐 2023-07-24

这个可以使用计算属性,对change后的值进行处理 ,例如监听change事件后的值赋值给value,然后对value使用计算属性,不论是取整还是保留小数都可以

530***@qq.com

2023-07-17

颜色修改失败啊,怎么解决

折沐 2023-07-24

楼下回复可解决,或者重新下载最新版本

yua***@jiayuxiangmei.com

2023-01-09

:style="[confirmStyle]" 可以解决按钮背景色问题

折沐 2023-07-24

感谢反馈

264***@qq.com

2022-10-09

作者您好,我把您的插件运行到微信开发者运行,付款按钮的颜色显示不出来,显示是灰色,控制台查看也查看不到样式,请问这是什么问题呀。

折沐 2022-10-10

感谢您的反馈,我原本的意图是使用confirmStyle可以绑定背景颜色以外的style样式,不过目前看来这种对象类型的绑定在微信小程序上好像是存在问题的,非常抱歉,您可以暂时先手动修改组件的confirmStyle,将style的对象绑定修改为字符串,具体修改如下: confirmStyle:{ type:Object, default:()=>{ return{ background:'#57BE6D' } } }

修改为

confirmStyle:{ type:String, default:"background:'#57BE6D'" }

297***@qq.com

2022-07-08

项目中有循环便利的输入框,v-model = value 的话,全部的输入框都一样了.。 刚入门求解决 。

折沐 2022-08-19

不清楚你这是什么场景,是否跟本插件相关,不过听你的意思,大概思路是这样,你既然是循环遍历的输入框,v-model就应该绑定循环的不同元素,而不是绑定同一个值,大概就是v-model = "item.value"

heguozhong

2022-03-14

请问我的项目里没有使用uni_modules,hbuilderx版本3.3.11,小程序开发者工具版本2.5.6,请问支付宝小程序怎么做兼容

折沐 2022-03-14

此插件没有使用uni_modules直接导入使用就可以,具体使用方法可以查看example

ell***@aliyun.com

2022-03-01

触发chang事件,值为58.999,只保存小数点后两位。 再次触发change事件,值为58.9999,不可以与我保存的值更新。 如果有方法可以更新就更好了。

折沐 2022-03-01

如果需要同步显示输入的值,并且保留后两位小数,就需要在每次执行change方法后进行判断取值赋值显示的变量

267***@qq.com

2021-12-31