为了满足用户体验,小编用vue写了一个自定义数字键盘组件,用户体验度还不错。
废话不多说,先上效果图吧~
效果图
具体实现
布局排版
<div class='key-container'>
<div class='key-title'>请输入金额</div>
<div class='input-box'>{{ money }}</div>
<div class='keyboard' click.stop='_handleKeyPress'>
<div class='key-row'>
<div class='key-cell' data-num='7'>