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) • 4.01 kB
CSS
.adui-dialog-wrapper,.adui-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%}.adui-dialog-mask{will-change:opacity;background-color:rgba(0,0,0,.65)}.adui-dialog-wrapper{display:flex;align-items:center;justify-content:center;overflow:auto;outline:none}.adui-dialog-inner{display:flex;flex-direction:column;margin:36px auto;min-width:420px;min-height:280px;background-color:#fff;border-radius:10px;box-shadow:var(--box-shadow-elevation-4)}.adui-dialog-header{flex:none;position:relative;padding:20px 24px 16px;min-height:64px;background-color:#fff;border-radius:10px 10px 0 0}.adui-dialog-headerContent{margin-top:8px}.adui-dialog-title{font-size:16px;line-height:24px;color:var(--gray-900);font-weight:600}.adui-dialog-body{padding:24px;flex:1;overflow:auto}@supports(overflow: overlay){.adui-dialog-body{overflow:overlay}}.adui-dialog-body::-webkit-scrollbar{width:14px;height:14px}.adui-dialog-body::-webkit-scrollbar-thumb{min-width:14px;min-height:14px;background-color:rgba(0,0,0,.15);background-clip:content-box;border:4px solid rgba(0,0,0,0);border-radius:14px}.adui-dialog-body::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}.adui-dialog-body::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.65)}.adui-dialog-footer{flex:none;display:flex;align-items:center;justify-content:center;height:78px;background-color:#fff;border-radius:0 0 10px 10px;box-shadow:0 1px 0 0 rgba(0,0,0,.06) inset}.adui-dialog-footer button{min-width:72px}.adui-dialog-footer button:not(:last-of-type):not(:only-child){margin-right:16px}.adui-dialog-close{position:absolute;top:12px;right:12px}.adui-dialog-intentWrapper{display:flex;justify-content:center;padding:8px 40px 34px}.adui-dialog-intentWrapper_center{align-items:center}.adui-dialog-intentIcon{flex:none;margin-right:16px}.adui-dialog-success .adui-dialog-intentIcon{fill:var(--ad-green)}.adui-dialog-info .adui-dialog-intentIcon{fill:var(--ad-blue)}.adui-dialog-warning .adui-dialog-intentIcon{fill:var(--ad-orange)}.adui-dialog-danger .adui-dialog-intentIcon{fill:var(--ad-red)}.adui-dialog-intentTitle{font-size:16px;line-height:26px;color:#1f1f1f;font-weight:600}.adui-dialog-intentText{margin-top:2px;font-size:13px;line-height:20px;color:#636363}.adui-dialog-appear,.adui-dialog-enter{opacity:0;will-change:transform}.adui-dialog-appear.adui-dialog-appear-active,.adui-dialog-enter.adui-dialog-enter-active{-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes dialogUpIn{0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes dialogUpIn{0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}.adui-dialog-leave{opacity:1;will-change:transform}.adui-dialog-leave.adui-dialog-leave-active{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--adui-motion-duration-base);animation-duration:var(--adui-motion-duration-base);-webkit-animation-timing-function:var(--adui-motion-ease-base);animation-timing-function:var(--adui-motion-ease-base)}@-webkit-keyframes dialogUpOut{100%{opacity:0;transform:translate3d(0, -30px, 0)}0%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes dialogUpOut{100%{opacity:0;transform:translate3d(0, -30px, 0)}0%{opacity:1;transform:translate3d(0, 0, 0)}}@-webkit-keyframes dialogDownOut{100%{opacity:0;transform:translate3d(0, 30px, 0)}0%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes dialogDownOut{100%{opacity:0;transform:translate3d(0, 30px, 0)}0%{opacity:1;transform:translate3d(0, 0, 0)}}.adui-dialog-mask-appear,.adui-dialog-mask-enter{opacity:0}.adui-dialog-mask-appear.adui-dialog-mask-appear-active,.adui-dialog-mask-enter.adui-dialog-mask-enter-active{opacity:1;transition:all var(--adui-motion-ease-base) var(--adui-motion-duration-base)}.adui-dialog-mask-leave{opacity:1}.adui-dialog-mask-leave.adui-dialog-mask-leave-active{opacity:0;transition:all var(--adui-motion-ease-base) var(--adui-motion-duration-base)}