update 优化弹窗显示效果

This commit is contained in:
zk
2024-07-24 14:19:47 +08:00
parent 830ad950c3
commit a9fedaf124
3 changed files with 24 additions and 1 deletions
+11
View File
@@ -1,10 +1,21 @@
import { ref } from 'vue';
export function dealMaskStyle() {
const maskList = document.getElementsByClassName('ant-modal-mask') as HTMLCollectionOf<HTMLElement>;
let visibleMasks = Array.from(maskList).filter((item) => item.style.display !== 'none');
if (visibleMasks.length > 1) {
for (let i = 1; i < visibleMasks.length; i++) {
visibleMasks[i].classList.add('no-mask');
}
}
}
export function useDialog({ title } = {}) {
const visible = ref(false);
function openDialog() {
visible.value = true;
dealMaskStyle();
}
function closeDialog() {