@mijadesign/mjui-react-taro/dist/esm/Dialog/style/style.css

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

.nut-overlay{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-dialog{display:flex;flex-direction:column;align-items:center;width:var(--nutui-dialog-width, 295px);min-width:var(--nutui-dialog-min-width, 240px);max-height:67%;min-height:var(--nutui-dialog-min-height, 124px);padding:var(--nutui-dialog-padding, var(--nutui-spacing-5, 24px));box-sizing:border-box}.nut-dialog-outer{position:fixed;max-height:100%;background-color:#fff;transition:transform .2s,-webkit-transform .2s;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:var(--nutui-dialog-border-radius, var(--nutui-radius-3, 16px));animation-duration:.3s}.nut-dialog-close{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-dialog-close-width, var(--nutui-dialog-icon-font-size, 20px));height:var(--nutui-dialog-close-height, var(--nutui-dialog-icon-font-size, 20px));display:flex;justify-content:center;align-items:center;color:var(--nutui-dialog-close-color, var(--nutui-color-title, #0d0d0d))}.nut-dialog-close .nut-icon{font-size:var(--nutui-dialog-close-width, var(--nutui-dialog-icon-font-size, 20px));width:var(--nutui-dialog-close-width, var(--nutui-dialog-icon-font-size, 20px));height:var(--nutui-dialog-close-height, var(--nutui-dialog-icon-font-size, 20px))}.nut-dialog-close-top-right{top:var(--nutui-dialog-close-top, var(--nutui-spacing-2, 12px));right:var(--nutui-dialog-close-right, var(--nutui-spacing-2, 12px))}.nut-dialog-close-top-left{top:var(--nutui-dialog-close-top, var(--nutui-spacing-2, 12px));left:var(--nutui-dialog-close-left, var(--nutui-spacing-2, 12px))}.nut-dialog-close-bottom{bottom:-64px;width:var(--nutui-dialog-bottom-close-icon-size, 24px);height:var(--nutui-dialog-bottom-close-icon-size, 24px);left:50%;transform:translate(-50%)}.nut-dialog-close-bottom .nut-icon{color:var(--nutui-color-text-disabled, #999999);background-color:var(--nutui-color-mask-part, rgba(0, 0, 0, .4));border-radius:50%;width:var(--nutui-dialog-bottom-close-icon-size, 24px);height:var(--nutui-dialog-bottom-close-icon-size, 24px)}.nut-dialog-close:active{opacity:.7}.nut-dialog-header{display:block;text-align:center;font-size:var(--nutui-dialog-header-font-size, var(--nutui-font-size-3, 17px));font-weight:var(--nutui-dialog-header-font-weight, var(--nutui-font-weight-bold, 700));color:var(--nutui-color-title, #0d0d0d);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-dialog-content{width:100%;margin:var(--nutui-dialog-content-margin, var(--nutui-spacing-1, 8px) 0 var(--nutui-spacing-5, 24px) 0);max-height:var(--nutui-dialog-content-max-height, 268px);line-height:var(--nutui-dialog-content-line-height, 20px);font-size:var(--nutui-font-size-2, 15px);color:var(--nutui-color-title, #0d0d0d);word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:var(--nutui-dialog-content-text-align, left);overflow-y:auto}.nut-dialog-footer{display:flex;align-items:center;width:100%;justify-content:space-around}.nut-dialog-footer.vertical{flex-direction:column}.nut-dialog-footer.vertical .nut-button{min-width:100%}.nut-dialog-footer.vertical .nut-dialog-footer-cancel{margin:0;color:var(--nutui-color-text, #666666);font-size:var(--nutui-font-size-2, 15px);display:flex;justify-content:center;margin-top:var(--nutui-dialog-vertical-footer-ok-margin-top, 5px)}.nut-dialog-footer .nut-button{min-width:var(--nutui-dialog-footer-button-min-width, 117px)}.nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:var(--nutui-dialog-footer-cancel-margin-right, 12px);background:var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, var(--nutui-color-white, #ffffff)))}.nut-dialog-footer-ok{max-width:var(--nutui-dialog-footer-ok-max-width, 128px);font-weight:var(--nutui-font-weight-bold, 700)}.nut-dialog-footer-block.nut-button{min-width:100%}[dir=rtl] .nut-dialog-outer,.nut-rtl .nut-dialog-outer{left:auto;right:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}[dir=rtl] .nut-dialog-close-top-right,.nut-rtl .nut-dialog-close-top-right{right:auto;left:var(--nutui-dialog-close-right, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-dialog-close-top-left,.nut-rtl .nut-dialog-close-top-left{left:auto;right:var(--nutui-dialog-close-left, var(--nutui-spacing-2, 12px))}[dir=rtl] .nut-dialog-footer-cancel.nut-dialog-footer-cancel,.nut-rtl .nut-dialog-footer-cancel.nut-dialog-footer-cancel{margin-right:0;margin-left:var(--nutui-dialog-footer-cancel-margin-right, 12px)}[dir=rtl] .nut-dialog-content,.nut-rtl .nut-dialog-content{text-align:var(--nutui-dialog-content-text-align, right)}.mj-dialog .nut-dialog{width:311px;max-height:60vh;min-height:0}.mj-dialog .nut-dialog-header{font-size:var(--nutui-font-size-3, 17px);line-height:1.5;flex-shrink:0;overflow:auto;white-space:normal}.mj-dialog .nut-dialog-content{min-height:0;max-height:none;flex:1;font-size:var(--nutui-font-size-2, 15px);line-height:1.5;color:var(--nutui-color-text, #666666)}.mj-dialog .nut-dialog .vertical{flex-direction:column-reverse}.mj-dialog .nut-dialog-footer{justify-content:space-between}.mj-dialog-close-icon{font-size:var(--nutui-dialog-close-width, var(--nutui-dialog-icon-font-size, 20px))!important;color:var(--nutui-dialog-close-color, var(--nutui-color-title, #0d0d0d))}.mj-dialog-no-footer .nut-dialog-content{margin-bottom:0}.mj-dialog-all-btn{width:calc(50% - 6px)}.mj-dialog-cancel-btn .nut-button-children{font-size:var(--nutui-dialog-cancel-font-size, var(--nutui-font-size-3, 17px))!important}.mj-dialog-cancel-vertical-btn .nut-button-children{font-size:var(--nutui-font-size-2, 15px)!important;font-weight:400!important}.mj-dialog-content-align{max-height:calc(60vh - var(--nutui-spacing-5, 24px) * 2 - var(--nutui-font-size-3, 17px) * 1.5 - var(--nutui-spacing-1, 8px) - var(--nutui-spacing-5, 24px) - var(--nutui-button-large-height, 48px))}.mj-dialog-content-align-left{text-align:left}.mj-dialog-content-align-right{text-align:right}.mj-dialog-content-align-center{text-align:center}