adui
Version:
<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>
2 lines (1 loc) • 3.69 kB
CSS
.adui-message-wrapper{position:fixed;top:0;left:0;z-index:var(--z-index-message);width:100vw;opacity:0;transform:translate3d(0, -56px, 0);transition:all var(--adui-motion-duration-base) var(--adui-motion-ease-base)}.adui-message-base{position:fixed;top:16px;left:50%;transform:translate3d(-50%, 0, 0);display:flex;align-items:center;padding-left:16px;padding-right:12px;min-width:120px;height:40px;border-radius:4px;transition:all var(--adui-motion-duration-base) var(--adui-motion-ease-base)}.adui-message-hasActions{padding-right:4px}.adui-message-icon{flex:none;margin-right:8px}.adui-message-content{flex:1;font-size:14px;line-height:20px;font-weight:600}.adui-message-actions{flex:none;display:flex;align-items:center;margin-left:12px}.adui-message-action:not(:last-child){position:relative;margin-right:9px}.adui-message-action:not(:last-child)::after{content:"";position:absolute;top:50%;right:-5px;margin-top:-8px;width:1px;height:16px;background-color:#6b6b6b;opacity:.2}.adui-message-normal{color:var(--gray-900);background-color:#fff;box-shadow:0 0 0 1px rgba(107,107,107,.15),0 10px 36px 0 rgba(0,0,0,.1),0 6px 15px 0 rgba(0,0,0,.07)}.adui-message-primary,.adui-message-success,.adui-message-warning,.adui-message-danger{color:#fff}.adui-message-primary .adui-message-icon,.adui-message-success .adui-message-icon,.adui-message-warning .adui-message-icon,.adui-message-danger .adui-message-icon{fill:#fff}.adui-message-primary .adui-message-actions button,.adui-message-success .adui-message-actions button,.adui-message-warning .adui-message-actions button,.adui-message-danger .adui-message-actions button{color:rgba(255,255,255,.5) }.adui-message-primary .adui-message-actions button svg,.adui-message-success .adui-message-actions button svg,.adui-message-warning .adui-message-actions button svg,.adui-message-danger .adui-message-actions button svg{fill:#fff ;opacity:.5;transition:all var(--adui-motion-duration-base) var(--adui-motion-ease-base)}.adui-message-primary .adui-message-actions button::after,.adui-message-success .adui-message-actions button::after,.adui-message-warning .adui-message-actions button::after,.adui-message-danger .adui-message-actions button::after{background-color:#fff }.adui-message-primary .adui-message-actions button:hover,.adui-message-success .adui-message-actions button:hover,.adui-message-warning .adui-message-actions button:hover,.adui-message-danger .adui-message-actions button:hover{color:#fff }.adui-message-primary .adui-message-actions button:hover svg,.adui-message-success .adui-message-actions button:hover svg,.adui-message-warning .adui-message-actions button:hover svg,.adui-message-danger .adui-message-actions button:hover svg{opacity:1}.adui-message-primary .adui-message-action::after,.adui-message-success .adui-message-action::after,.adui-message-warning .adui-message-action::after,.adui-message-danger .adui-message-action::after{background-color:#fff}.adui-message-primary{background-color:var(--primary-color);box-shadow:0 10px 36px 0 rgba(0,0,0,.1),0 6px 15px 0 rgba(0,0,0,.07),0 2px 4px 0 rgba(0,0,0,.1),0 0 0 1px var(--primary-color)}.adui-message-success{background-color:var(--ad-green);box-shadow:0 10px 36px 0 rgba(0,0,0,.1),0 6px 15px 0 rgba(0,0,0,.07),0 2px 4px 0 rgba(0,0,0,.1),0 0 0 1px var(--ad-green)}.adui-message-warning{background-color:var(--ad-orange);box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 10px 36px 0 rgba(0,0,0,.1),0 6px 15px 0 rgba(0,0,0,.07),0 0 0 1px var(--ad-orange)}.adui-message-danger{background-color:var(--ad-red);box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 10px 36px 0 rgba(0,0,0,.1),0 6px 15px 0 rgba(0,0,0,.07),0 0 0 1px var(--ad-red)}