keyboard-number v1.6.0

keyboardnumber

github仓库-求关注-求点心 测试地址，请用手机打开 http://jtutu.cn/keyboard

预览效果

使用方法：

//安装
npm install keyboard-number --save
//在项目中引入
import 'keyboard-number/dist/style.css';
import keyboardnumber from "keyboard-number";
Vue.use(keyboardnumber)

//在项目中使用
<keyboard-number @callback="keyboardcallbak" @paycallbakc="paycallbakc"></keyboard-number>

props:

 //type默认pay，pay表示金额 phone 表示电话 sfz 表示身份证
	type: {
		type: String,
		default: 'pay'
	},
	// 控制键盘显示 隐藏
	show: {
		type: Boolean,
		default: true
	},
	//控制 右下角按钮是否可点击
	disabled: {
		type: Boolean,
		default: false
	},
	//传入给键盘的默认值
	value: {
		type: String,
		default: ''
	},
	// text 右下角大按钮文字
	text: {
		type: String,
		default: "支付"
	},
	// bgcolor 右下角大按钮 背景颜色
	bgcolor: {
		type: String,
		default: "#1AAD19"
	},
	// textcolor 右下角大按钮文字颜色
	textcolor: {
		type: String,
		default: "#fff"
	},
	//限制整数位的位数
	len: {
		type: Number,
		default: 5
	}

methods

	 @callback
	 按下数字键 回调
	 @paycallback
	 右下角按钮回调