nutui-by-zchuhyy/dist/packages/numberkeyboard/numberkeyboard.css

一套轻量级移动端Vue组件库

/*!
 * nutui-by-zchuhyy v0.0.16 - numberkeyboard.css, 7c15ab32fbfb9d26339f, Wed Mar 17 2021 16:52:20 GMT+0800 (GMT+08:00)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */.nut-numberkeyboard{position:fixed;bottom:0;left:0;z-index:10000;width:100%;padding-bottom:22px;background-color:#f2f3f5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nut-numberkeyboard .number-board-header{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:content-box;box-sizing:content-box;height:34px;padding-top:6px;color:#646566;font-size:16px}.nut-numberkeyboard .number-board-header .tit{display:inline-block}.nut-numberkeyboard .number-board-header .keyboard-close{position:absolute;display:block;right:0;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.nut-numberkeyboard .number-board-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:6px 0 0 6px}.nut-numberkeyboard .number-board-body .number-board{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.nut-numberkeyboard .number-board-body .key-board-wrapper{position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-basis:33%;-ms-flex-preferred-size:33%;flex-basis:33%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 6px 6px 0}.nut-numberkeyboard .number-board-body .key-board-wrapper .key{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:48px;font-size:28px;line-height:1.5;background-color:#fff;-webkit-border-radius:8px;border-radius:8px;cursor:pointer}.nut-numberkeyboard .number-board-body .key-board-wrapper .active{background-color:#ebedf0}.nut-numberkeyboard .number-board-body .key-board-wrapper img{width:30px;height:24px}.nut-numberkeyboard .number-board-body .key-board-wrapper-large{-webkit-flex-basis:66%;-ms-flex-preferred-size:66%;flex-basis:66%}.nut-numberkeyboard .number-board-body .number-board-sidebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nut-numberkeyboard .number-board-body .number-board-sidebar .key-board-wrapper .key{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.nut-numberkeyboard .number-board-body .number-board-sidebar .key-board-wrapper .finish{font-size:16px;color:#fff;background-color:#1989fa}.nut-numberkeyboard .number-board-body .number-board-sidebar .key-board-wrapper .activeFinsh{background-color:#0570db}.nut-board-slide-up-enter-active{-webkit-animation:nut-board-slide-up-enter .3s ease-out both;animation:nut-board-slide-up-enter .3s ease-out both}.nut-board-slide-up-leave-active{-webkit-animation:nut-board-slide-up-leave .3s ease-in both;animation:nut-board-slide-up-leave .3s ease-in both}@-webkit-keyframes nut-board-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes nut-board-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes nut-board-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes nut-board-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}