@beeapi/nutui/dist/packages/picker/picker.css

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

/*!
 * @beeapi/nutui v2.2.10 - picker.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */@-webkit-keyframes nutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes nutFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nutFadeOut{0%{opacity:1}to{opacity:0}}@keyframes nutFadeOut{0%{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFade-leave-active,.nutFadeIn,.nutFadeOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active,.nutFadeIn{-webkit-animation-name:nutFadeIn;animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{-webkit-animation-name:nutFadeOut;animation-name:nutFadeOut}@-webkit-keyframes nutSlideUpIn{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes nutSlideUpIn{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes nutSlideUpOut{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes nutSlideUpOut{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.nutSlideUp-enter-active,.nutSlideUp-leave-active,.nutSlideUpIn,.nutSlideUpOut{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.445,.05,.55,.95);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}.nutSlideUp-enter-active,.nutSlideUpIn{-webkit-animation-name:nutSlideUpIn;animation-name:nutSlideUpIn}.nutSlideUp-leave-active,.nutSlideUpOut{-webkit-animation-name:nutSlideUpOut;animation-name:nutSlideUpOut}.nut-actionsheet-mask{position:fixed;z-index:9998;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.5)}.nut-actionsheet-panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:80%;overflow:auto;z-index:10001;background-color:#f6f6f6}.nut-actionsheet-modal{padding:10px;margin:0;text-align:center;background-color:#fff;border-bottom:1px solid #f6f6f6}.nut-actionsheet-modal .nut-actionsheet-sub-title,.nut-actionsheet-modal .nut-actionsheet-title{padding:5px 0}.nut-actionsheet-modal .nut-actionsheet-title{font-size:14px;color:#2d2d2d}.nut-actionsheet-modal .nut-actionsheet-sub-title{font-size:12px;color:#2d2d2d;-webkit-margin-start:0;margin-inline-start:0}.nut-actionsheet-menu{list-style:none;padding:0;margin:0}.nut-actionsheet-cancel,.nut-actionsheet-item{height:24px;padding:10px;line-height:24px;font-size:14px;color:#2d2d2d;text-align:center;background-color:#fff}.nut-actionsheet-item{border-bottom:1px solid #f6f6f6}.nut-actionsheet-item-active{color:#f0250f}.nut-actionsheet-item-disabled{color:#e1e1e1}.nut-actionsheet-cancel{margin-top:5px;border-top:1px solid #f6f6f6}.nut-picker{background-color:#fff;width:100%}.nut-picker-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;border-bottom:1px solid #f6f6f6;text-align:center;line-height:40px;font-size:14px}.nut-picker-control .nut-picker-cancel-btn,.nut-picker-control .nut-picker-confirm-btn{width:60px;color:#f0250f}.nut-picker-control .nut-picker-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.nut-picker-panel{height:252px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.nut-picker-list{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;height:252px;overflow:hidden;text-align:center}.nut-picker-list .nut-picker-list-panel{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.nut-picker-list .nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-list .nut-picker-indicator{position:absolute;top:108px;width:100%;height:34px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;z-index:3}.nut-picker-list .nut-picker-content,.nut-picker-list .nut-picker-roller{position:absolute;top:108px;width:100%;height:36px}.nut-picker-list .nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-list .nut-picker-item,.nut-picker-list .nut-picker-roller-item{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:36px;line-height:36px;color:#2d2d2d;font-size:14px;text-align:center}.nut-picker-list .nut-picker-item{font-size:15px;background:#fff}.nut-picker-list .nut-picker-roller{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.nut-picker-list .nut-picker-roller .nut-picker-roller-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;width:100%;color:#848484}.nut-picker-list .nut-picker-roller .nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}