@moohng/dui/dist/dialog.min.css

基于 Vue 3 的轻量级组件库

.mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none}.mask.transparent{background-color:transparent}.show>.mask{opacity:1;pointer-events:auto}.dui-dialog__body{position:fixed;top:45%;left:50%;transform:scale(1.185) translate(-50%, -50%);transform-origin:0 0;transition:all .3s;overflow:hidden;z-index:10000;opacity:0;pointer-events:none}.dui-dialog__body--default{width:320px;max-width:90%;line-height:1.4;font-size:16px;text-align:center;background-color:#fff;border-radius:12px}.dui-dialog__hd+.dui-dialog__ft{margin-top:32px}.dui-dialog__content:first-child{padding-top:64px}.dui-dialog.show .dui-dialog__body{opacity:1;pointer-events:auto;transform:scale(1) translate(-50%, -50%)}