@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 3.16 kB
CSS
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden}@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)}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1300}.nut-toast-overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0);--nutui-overlay-zIndex: 1300}.nut-toast-small .nut-toast-inner{font-size:var(--nutui-font-size-2, 12px)}.nut-toast-large .nut-toast-inner{font-size:var(--nutui-font-size-4, 16px)}.nut-toast-inner{display:inline-block;position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);min-width:30%;max-width:95.7%;font-size:var(--nutui-toast-text-font-size, 14px);text-align:var(--nutui-toast-inner-text-align, center);padding:var(--nutui-toast-inner-padding, 16px 24px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 16px);color:var(--nutui-toast-font-color, #ffffff);transform:translate(-50%,-50%)}.nut-toast-inner.normal{word-break:normal;word-wrap:normal}.nut-toast-inner.break-word{word-break:normal;word-wrap:break-word}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px);font-weight:500}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast-icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-has-icon .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}.nut-toast-loading .nut-toast-inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast-icon-wrapper{animation:rotation 2s linear infinite}.nut-toast-loading .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}[dir=rtl] .nut-toast,.nut-rtl .nut-toast{left:auto;right:0}[dir=rtl] .nut-toast-inner,.nut-rtl .nut-toast-inner{left:auto;right:50%;transform:translate(50%,-50%)}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}