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.59 kB
CSS
.adui-channels-dialog-wrapper,.adui-channels-dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%}.adui-channels-dialog-mask{will-change:opacity;background-color:rgba(0,0,0,.5)}.adui-channels-dialog-wrapper{display:flex;align-items:center;justify-content:center;overflow:auto;outline:none;z-index:var(--z-index-dialog)}.adui-channels-dialog-inner{display:flex;flex-direction:column;margin:36px auto;padding:32px 0;background-color:#fff;border-radius:8px;box-shadow:var(--box-shadow-elevation-4)}.adui-channels-dialog-header{flex:none;position:relative;margin:0 32px;min-height:24px;background-color:#fff}.adui-channels-dialog-headerContent{margin-top:12px;font-size:14px;line-height:20px;color:rgba(0,0,0,.495)}.adui-channels-dialog-title{font-size:20px;font-weight:600;line-height:28px;color:rgba(0,0,0,.9)}.adui-channels-dialog-body{flex:1;padding:32px;overflow:auto}@supports(overflow: overlay){.adui-channels-dialog-body{overflow:overlay}}.adui-channels-dialog-body::-webkit-scrollbar{width:14px;height:14px}.adui-channels-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-channels-dialog-body::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}.adui-channels-dialog-body::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.65)}.adui-channels-dialog-footer{flex:none;display:flex;align-items:center;justify-content:flex-end;padding:0 32px;height:32px;background-color:#fff}.adui-channels-dialog-footer button{min-width:100px}.adui-channels-dialog-footer button:not(:last-of-type):not(:only-child){margin-right:16px}.adui-channels-dialog-close{position:absolute;top:0;right:0;cursor:pointer}.adui-channels-dialog-intentWrapper{display:flex;justify-content:center;margin-top:-32px}.adui-channels-dialog-intentWrapper_center{align-items:center}.adui-channels-dialog-intentIcon{flex:none;margin-right:16px}.adui-channels-dialog-success .adui-channels-dialog-intentIcon{fill:var(--ad-green)}.adui-channels-dialog-info .adui-channels-dialog-intentIcon{fill:var(--ad-blue)}.adui-channels-dialog-warning .adui-channels-dialog-intentIcon{fill:var(--ad-orange)}.adui-channels-dialog-danger .adui-channels-dialog-intentIcon{fill:var(--ad-red)}.adui-channels-dialog-intentTitle{font-weight:500;font-size:20px;line-height:28px;color:rgba(0,0,0,.9)}.adui-channels-dialog-intentText{margin-top:8px;font-size:14px;line-height:20px;color:rgba(0,0,0,.5)}.adui-channels-dialog-appear{opacity:0;transform:scale(0.9) translate3d(0, 10px, 0)}.adui-channels-dialog-appear,.adui-channels-dialog-enter{opacity:0;transform:scale(0.9) translate3d(0, 10px, 0)}.adui-channels-dialog-appear.adui-channels-dialog-appear-active,.adui-channels-dialog-enter.adui-channels-dialog-enter-active{opacity:1;transform:scale(1) translate3d(0, 0, 0);transition:.00001s var(--ease-out) all}.adui-channels-dialog-leave{opacity:1;transform:scale(1) translate3d(0, 0, 0)}.adui-channels-dialog-leave.adui-channels-dialog-leave-active{opacity:0;transform:scale(0.8) translate3d(0, 50px, 0);transition:all .00001s var(--ease-in)}.adui-channels-dialog-mask-appear,.adui-channels-dialog-mask-enter{opacity:0}.adui-channels-dialog-mask-appear.adui-channels-dialog-mask-appear-active,.adui-channels-dialog-mask-enter.adui-channels-dialog-mask-enter-active{opacity:1;transition:all .00001s var(--ease-out)}.adui-channels-dialog-mask-leave{opacity:1}.adui-channels-dialog-mask-leave.adui-channels-dialog-mask-leave-active{opacity:0;transition:all .00001s var(--ease-in)}