移动端价格输入键盘

简单实现移动端输入价格键盘

HTML：

    


    
    

        
1
        
2
        
3
        
4
        
5
        
6
        
7
        
8
        
9
        
.
        
0
        
删除
    

CSS：

.keyboard {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 240px;
    display: flex;
    flex-wrap: wrap;
}

.keyboard div {
    width: 30%;
    height: 50px;
    margin: 5px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    background: #eee;
}

JS: