@moohng/dui
Version:
基于 Vue 3 的轻量级组件库
48 lines (41 loc) • 712 B
CSS
.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-loading {
display: none;
}
.dui-loading__body {
width: 110px;
position: fixed;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
text-align: center;
color: rgba(255, 255, 255, 0.9);
background-color: #4c4c4c;
border-radius: 12px;
z-index: 10000;
}
.dui-loading__body .dui-icon__loading {
width: 36px;
height: 36px;
}
.dui-loading.show {
display: block;
}