(function(global,factory){
if(typeof define === 'function' && define.amd){
define(function(){
return factory();
});
}else if(typeof module !== 'undefined' && module.exports){
module.exports = factory();
}else{
global.KeyBoardNum = factory(global);
}
}(typeof window !== 'undefined' ? window : this,function(win){
var idTag = 0;
var keyBoardNum = function(numberId,option){
this.version = '0.0.1';
var me = this,
insertId = 'keyBoardNum'+(++idTag),
payId = 'keyBoardPay'+(idTag),
defaultOpt = {
itemHeight:55,
decimal:2,
integer:4,
fontSize:'25px',
color:'#333',
bgColor:'#fff',
borderColor:'#dcdcdc',
activeColor:'#dcdcdc',
btnText:'确
认',
btnColor:'#d4d4d4',
btnActiveColor:'#ff8f3b',
btnFontSize:'70px',
btnBgColor:'#fff',
btnActiveBgColor:'#fff',
btnTouchBgColor:'#dcdcdc',
btnCallBack:null,
delImg:delImgBase,
hideImg:hideImgBase,
canChangeBtnColor:false,
lightBtnColor:false
};
for(var item in defaultOpt){
if(option[item]){
defaultOpt[item] = option[item];
}
}
this.option = defaultOpt;
var style = '.keyboardNum,.keyboardNum *{-webkit-tap-highlight-color: transparent;-webkit-focus-ring-color: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: 0;font-style: normal;}body {font-family: Hiragino Sans GB, Heiti SC, "微软雅黑", Verdana, sans-serif, SimHei, "黑体";}.keyboardNum.show {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}.keyboardNum:after{content: "";height: 0;visibility: hidden;display: block;clear: both;}.keyboardNum.show-trans {-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}.keyboardNum {width: 100%;height: '+me.option.itemHeight*4+'px;position: fixed;bottom: 0;left:0;background-color: '+me.option.bgColor+';z-index: 999;color: '+me.option.color+';font-size: '+me.option.fontSize+';line-height:'+me.option.itemHeight+'px;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}.keyboardNum i {display: block;width: 25%;height: 25%;line-height: 60px;font-size: inherit;color: inherit;text-align: center;transition: all 0.1s;float: left;position: relative;}.keyboardNum i >img {height: 20px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}.keyboardNum i.del{float: right;height: '+me.option.itemHeight*2+'px;line-height: 1.2;padding: 0px 20px;display: -webkit-box;box-align: center;-webkit-box-align: center;box-pack: center;-webkit-box-pack: center;}.keyboardNum i.keyBoardPay {float: right;height: '+me.option.itemHeight*2+'px;line-height: 1.2;background-color: '+me.option.btnBgColor+';color: '+me.option.btnColor+';font-size: 20px;padding: 0px 20px;display: -webkit-box;box-align: center;-webkit-box-align: center;box-pack: center;-webkit-box-pack: center;}.keyboardNum i.hover,.keyboardNum i:active:not(.keyboardNum i.keyBoardPay) {background-color: '+me.option.activeColor+';}.keyboardNum i.keyBoardPay.active {background-color: '+me.option.btnActiveBgColor+';color:'+me.option.btnActiveColor+';}.keyboardNum i.keyBoardPay.active.hover,.keyboardNum i.keyBoardPay.active:active {background-color: '+me.option.btnTouchBgColor+';}.border-bottom-1px:after,.border-bottom-1px:before,.border-left-1px:after,.border-left-1px:before,.border-right-1px:after,.border-right-1px:before,.border-top-1px:after,.border-top-1px:before{content:"";display:block;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.border-top-1px:before{border-top:1px solid '+me.option.borderColor+';left:0;top:0;width:100%}.border-right-1px:after{border-right:1px solid '+me.option.borderColor+';top:0;right:0;height:100%;-webkit-transform-origin:right 0;transform-origin:right 0}.border-bottom-1px:after{border-bottom:1px solid '+me.option.borderColor+';left:0;bottom:0;width:100%;-webkit-transform-origin:0 bottom;transform-origin:0 bottom}.border-left-1px:before{border-left:1px solid '+me.option.borderColor+';top:0;left:0;height:100%}@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){.border-top-1px:before{width:200%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-right-1px:after{height:200%}.border-bottom-1px:after{width:200%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.5) translateZ(0);transform:scale(.5) translateZ(0)}.border-left-1px:before{height:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-device-pixel-ratio:3){.border-top-1px:before{width:300%}.border-right-1px:after,.border-top-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-right-1px:after{height:300%}.border-bottom-1px:after{width:300%}.border-bottom-1px:after,.border-left-1px:before{-webkit-transform:scale(.333) translateZ(0);transform:scale(.333) translateZ(0)}.border-left-1px:before{height:300%}}';
$('head').append('');
var html = ''" class="keyboardNum">'+
' '+
' 
'">'+
' '+
' 1'+
' 2'+
' 3'+
' 4'+
' 5'+
' 6'+
''" class="keyBoardPay border-top-1px border-right-1px ">'+me.option.btnText+
''+
' 7'+
' 8'+
' 9'+
' '+
' 
'">'+
' 0'+
' .'+
'
