更新记录

1.1.6（2022-12-12）

• 修复 H5和小程序下样式缺失问题

1.1.5（2022-09-20）

• 调整 Vue3支持
• 调整 liujto-keyboard-input组件，显示”百“的单位
• 新增 liujto-keyboard-input 新增H5和小程序等光标闪烁功能

1.1.3（2022-07-12）

• 修复 liujto-keyboard-number组件，type=password时无法在第一位输入0的bug

平台兼容性

组件介绍

liujto-keyboard-price为一个简单的复合使用的案例，其他需求可以参照这个来开发，如租金+天数+押金的填写等，下面的使用，都按照该组件为案例。

一、引入组件

    import keyboardPrice from '@/components/liujto-rely-input/liujto-keyboard-price.vue'
    export default {
        components:{
            keyboardPrice
        },
        ...
    }

二、使用

<keyboard-price type="digit" v-model="value">

三、liujto-keyboard-number 组件

嵌入型的数字键盘，支持证书，小数，身份证，负数输入模式，该组件无弹窗，是直接放到界面上使用的，由于App限制，所有回退按钮和关闭按钮都用文字替代，如果需要使用图标的话，提供了关闭按钮和回退按钮的图标样式，推荐使用iconfont的图标。

3.1 属性

3.2 btnStyle 数字按钮的样式

3.3 confirmStyle 完成按钮的样式

3.4 事件

3.5 插槽

四、liujto-keyboard-popup 组件

可以弹出的数字键盘，参数和liujto-keyboard-number一致，这里只列出不同的参数，注意，使用该组件依赖uni-popup插件，自行安装。

4.1 属性

4.2 事件

4.3 方法

4.4 插槽

五、liujto-keyboard-input 组件

主要是为了搭配数字键盘，为了实现点击input时，实现自带键盘不弹出的功能，从而模拟了一个类似于input的假键盘，支持格式化金额，单位等的显示

5.1 属性

5.2 options 属性

5.3 事件

六、liujto-keyboard-price 组件

使用以上3个组件组合实现的一个复合型的金额输入弹窗，能够实现简单的金额或其他数字的输入，如需其他功能可参考该组件来进行实现。参数大部分和上述一致，如有不同的地方会单独写出。

6.1 属性

6.2 事件

6.3 方法

七.写在最后

1.只注重测试了android和ios，nvue模式两个平台，小程序，vueApp，h5只是稍微测试了一下，其他平台自行测试；
2.精力有限，如有问题看下源码基本都能自行修改，实在不会请留言或者vx black724206115备注好，我会定期查看，谢谢；
3.前端小白，大部分插件都是为了方便才上传，如有不对或者有更好的优化请留言，请嘴下留情，轻喷，谢谢。