nutui-taro-upgrade/dist/packages/numberkeyboard/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-number-keyboard{background-color:var(--nut-dark-background4, #323233)}.nut-theme-dark .nut-number-keyboard .nut-key__wrapper .nut-key{color:var(--nut-dark-color, var(--nut-white, #fff));background-color:var(--nut-dark-background5, #646566)}.nut-number-keyboard{width:var(--nut-numberkeyboard-width, 100%);padding:var(--nut-numberkeyboard-padding, 0 0 22px 0);background-color:var(--nut-numberkeyboard-background-color, #f2f3f5);user-select:none}.nut-number-keyboard .nut-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--nut-numberkeyboard-header-height, 34px);padding:var(--nut-numberkeyboard-header-padding, 6px 0 0 0);color:var(--nut-numberkeyboard-header-color, #646566);font-size:var(--nut-numberkeyboard-header-font-size, 16px)}.nut-number-keyboard .nut-number-keyboard__header .nut-number-keyboard__title{display:inline-block}.nut-number-keyboard .nut-number-keyboard__header .nut-number-keyboard__close{position:absolute;display:block;right:0;padding:var(--nut-numberkeyboard-header-close-padding, 0 16px);color:var(--nut-numberkeyboard-header-close-color, #576b95);font-size:var(--nut-numberkeyboard-header-close-font-size, 14px);background-color:var(--nut-numberkeyboard-header-close-background-color, transparent);border:none;cursor:pointer}.nut-number-keyboard .nut-number-keyboard__body{display:flex;padding:6px 0 0 6px}.nut-number-keyboard .nut-number-keyboard__body .nut-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.nut-number-keyboard .nut-number-keyboard__body .nut-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.nut-number-keyboard .nut-number-keyboard__body .nut-number-keyboard__sidebar .nut-key__wrapper .nut-key{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.nut-number-keyboard .nut-number-keyboard__body .nut-number-keyboard__sidebar .nut-key__wrapper .nut-key--finish{font-size:var(--nut-numberkeyboard-key-finish-font-size, 16px);color:var(--nut-numberkeyboard-key-finish-font-size-color, #fff);background-color:var(--nut-numberkeyboard-key-finish-background-color, #1989fa)}.nut-number-keyboard .nut-number-keyboard__body .nut-number-keyboard__sidebar .nut-key__wrapper .activeFinsh{background-color:var(--nut-numberkeyboard-key-activeFinsh-background-color, #0570db)}.nut-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.nut-key__wrapper.nut-key__wrapper--wider{flex-basis:66%}.nut-key__wrapper .nut-key{display:flex;align-items:center;justify-content:center;height:var(--nut-numberkeyboard-key-height, 48px);font-size:var(--nut-numberkeyboard-key-font-size, 28px);line-height:var(--nut-numberkeyboard-key-line-height, 1.5);background-color:var(--nut-numberkeyboard-key-background-color, #fff);color:var(--nut-numberkeyboard-key-font-size-color, #333);border-radius:var(--nut-numberkeyboard-key-border-radius, 8px);cursor:pointer}.nut-key__wrapper .nut-key--active{background-color:var(--nut-numberkeyboard-key-active-background-color, #ebedf0)}.nut-key__wrapper img{width:30px;height:24px}.nut-number-keyboard-overlay{background-color:rgba(0,0,0,0) !important}