0.1.2 • Published 3 years ago
zch-vue-components v0.1.2
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'});