test-nut-ui/dist/esm/Notify/style/style.css

<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>

.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{box-sizing:border-box;padding:var(--nutui-notify-padding, 4px 16px);color:var(--nutui-notify-text-color, var(--nutui-brand-color, #2C68FF));font-size:var(--nutui-notify-font-size, 14px);white-space:pre-wrap;text-align:left;word-wrap:break-word;height:var(--nutui-notify-height, auto);display:flex;justify-content:center;align-items:center;line-height:var(--nutui-notify-line-height, 22px)}.nut-notify--popup-top{position:fixed;top:0;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify--popup-bottom{position:fixed;bottom:0;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify--base{background:var(--nutui-notify-base-background-color, #F6F8FD)}.nut-notify--primary{background:var(--nutui-notify-primary-background-color, #F6F8FD);color:var(--nutui-notify-text-primary-color, var(--nutui-brand-color, #2C68FF))}.nut-notify--success{background:var(--nutui-notify-success-background-color, #F2FCF8);color:var(--nutui-notify-text-success-color, #0ED57D)}.nut-notify--danger{background:var(--nutui-notify-danger-background-color, #FFF4F4);color:var(--nutui-notify-text-danger-color, #FF2C33)}.nut-notify--warning{background:var(--nutui-notify-warning-background-color, #FFFAF4);color:var(--nutui-notify-text-warning-color, #FFA02C)}