vue 自定义键盘组件_移动端自定义键盘的vue组件 ----keyboard

.keyboard {

/* height: 250px; */

width: 100%;

position: fixed;

bottom: 0;

left: 0;

background: white;

z-index: 999;

.list {

/* height: 200px; */

display: flex;

.key {

font-size: 34px;

box-sizing: border-box;

height: 120px;

width: 33.33%;

float: left;

border-right: 1px solid #d6d6d6;

border-top: 1px solid #d6d6d6;

display: flex;

align-items: center;

justify-content: center;

&.confirm {

height: 360px;

background: #ED5665;

color: white;

font-size: 34px;

}

&.del {

font-weight: 100;

font-size: 64px;

}

&.active{

background-color: #F6F6F6;

}

}

.num {

width: 75%;