JS 虚拟键盘 A-Keyboard 即将发布 Vue 版

我们决定在 A-Keyboard 下个版本更新中加入 Vue 键盘。敬请期待，用法如下：

<a-keyboard :fixed-bottom-center="fixedBottomCenter" :style="styleObject" :input-on="inputOnObject" :onclick="onclickObject"></a-keyboard>

const keyboard = new Vue({
    el: '#main',
    components: {
        'a-keyboard': aKeyboardVue.keyboard
    },
    data: {
        fixedBottomCenter: false,
        styleObject: {},
        inputOnObject: {
            inputEl: '#input',
            inputType: 'value'
        },
        onclickObject: {
            Enter: function() {
                alert('oh! 这是自定义事件！它覆盖了原始的回车事件。This is a custom event! It override the original enter event.');
            },
            // '*': function() {
            //     alert('oh! 这是自定义事件，它覆盖了所有的键。This is a custom event that covers all the keys.')
            // }
        }
    }
})

图片

我们为你提供了 Default、Classic、Dark、GrassGreen 这四种默认样式

普通键盘:

数字键盘:

手机键盘:

发行

我们的版本目前发行在以下几个平台上：

Github Gitee 码云 NPM

欢迎 Star、Fork、Watch ！