UNPKG

@mijadesign/mjui-react-taro

Version:

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

2 lines (1 loc) 1.27 kB
.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity .3s}.nut-notify{position:fixed;left:8px;right:8px;z-index:var(--nutui-notify-z-index, 1000);display:flex;align-items:center;box-sizing:border-box;height:var(--nutui-notify-height, 40px);padding:var(--nutui-notify-padding, 0px 12px);border-radius:var(--nutui-notify-border-radius, 8px);box-shadow:var(--nutui-notify-box-shadow, 0px 4px 12px 0px rgba(0, 0, 0, .06));background-color:var(--nutui-notify-background-color, #ffffff)}.nut-notify-content{flex:1;text-align:center;min-width:0;font-size:var(--nutui-notify-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-notify-text-color, var(--nutui-color-title, #0d0d0d));white-space:nowrap;overflow:hidden}.nut-notify-ellipsis{text-overflow:ellipsis}.nut-notify-layout-left{text-align:left}.nut-notify-left-icon,.nut-notify-right-icon{display:inline-flex}.nut-notify-left-icon{margin-right:6px}.nut-notify-left-icon .nut-icon{height:16px;width:16px}.nut-notify-right-icon{margin-left:6px}.nut-notify-right-icon .nut-icon{height:12px;width:12px}