@nutui/nutui-react-taro/dist/esm/Notify/style/style.css

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

.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity 1s}.nut-notify{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--nutui-notify-padding, 0px 10px);color:var(--nutui-notify-text-color, #ffffff);font-size:var(--nutui-notify-font-size, var(--nutui-font-size-3, 14px));white-space:pre-wrap;word-wrap:break-word;height:var(--nutui-notify-height, 40px)}.nut-notify-popup-top,.nut-notify-popup-bottom{position:fixed;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify-popup-top{top:0}.nut-notify-popup-bottom{bottom:0}.nut-notify-base{background:var(--nutui-notify-base-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-notify-primary{background:var(--nutui-notify-primary-background-color, var(--nutui-color-info, #1988fa))}.nut-notify-success{background:var(--nutui-notify-success-background-color, var(--nutui-color-success, #00bc14))}.nut-notify-danger{background:var(--nutui-notify-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-notify-warning{background:var(--nutui-notify-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}[dir=rtl] .nut-notify-popup-top,[dir=rtl] .nut-notify-popup-bottom,.nut-rtl .nut-notify-popup-top,.nut-rtl .nut-notify-popup-bottom{left:auto;right:0}