zch-vue-components

基于vue的自定义UI组件

数字键盘：支持纯数字密码键盘和支付金额键盘

案例：
<mobile-keyboard
    :show="showKeyboard"
    title="密码键盘"
    closeText="关闭"
    @blur="showKeyboard = false"
    @input="onKeyboardInput"
    @delete="onKeyboardDelete"
    @confirm="onKeyboardConfirm">
</mobile-keyboard>

参数                  说明                    类型                  默认值
show                  是否展示键盘            Boolean               -
theme                 键盘类型,可选custom     String                default
title                 键盘顶部标题文字        String                ''
closeText             右上角关闭文字          String                ''
hideOnClickOutside    是否点击外侧收起键盘    Boolean                true
safeAreaInsetBottom   是否开启底部安全适配区  Boolean                true

事件名                    说明                                        回调参数
blur                      点击关闭按钮或非键盘区域时触发               -
input                     点击按键时触发                               按键内容key
delete                    点击删除键时触发                             -
confirm                   点击完成键时触发                             -

按钮

案例：
<Button type="info" round block @click="onClick">按钮</Button>

参数                  说明                    类型                  默认值
text                  按钮文字                String                '按钮'
type                  类型，可选info、danger  String                'primary'
round                 是否为原型按钮          Boolean                false
block                 是否为块级              Boolean                false
disabled              是否禁用                Boolean                false

事件名                    说明                                        回调参数
click                     点击按钮事件               event

轻提示

案例：
this.$toast({message: 'Hello world'});

其他组件敬请期待！