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

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

/*!
 * @beeapi/nutui v2.2.10 - popup.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */.nut-icon{list-style:none;display:inline-block;width:20px;height:20px;color:#2d2d2d}.nut-icon svg{vertical-align:top;width:100%;height:100%;fill:currentColor}.popup-fade-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-fade-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-center-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-slide-center-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}.popup-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-bottom{bottom:0;left:0;width:100%}.popup-bottom.round{-webkit-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}.popup-right{top:0;right:0}.popup-right.round{-webkit-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px}.popup-left{top:0;left:0}.popup-left.round{-webkit-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0}.popup-top{top:0;left:0;width:100%}.popup-top.round{-webkit-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}.popup-box{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}@-webkit-keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}.nut-overflow-hidden{overflow:hidden!important}.nutui-popup__close-icon{position:absolute;z-index:1;color:#969799;font-size:18px;cursor:pointer}.nutui-popup__close-icon:active{opacity:.7}.nutui-popup__close-icon--top-left{top:16px;left:16px}.nutui-popup__close-icon--top-right{top:16px;right:16px}.nutui-popup__close-icon--bottom-left{bottom:16px;left:16px}.nutui-popup__close-icon--bottom-right{right:16px;bottom:16px}.popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}@keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}