feat(组件): 弹窗样式调整

This commit is contained in:
baiqi 2023-08-09 13:57:29 +08:00 committed by 刘瑞斌
parent 18139de912
commit 36a93d3681
3 changed files with 29 additions and 9 deletions

View File

@ -65,14 +65,19 @@
margin-top: 16px;
}
}
.ms-modal-weak {
.ms-usemodal {
.arco-modal-body {
@apply p-0;
}
}
.ms-usemodal-weak {
.arco-modal-footer {
.arco-btn:first-child {
color: var(--color-text-1) !important;
}
}
}
.ms-modal-warning {
.ms-usemodal-warning {
.arco-modal-title-icon {
.arco-icon {
color: rgb(var(--danger-6));
@ -93,12 +98,27 @@
}
}
.ms-modal-medium {
.arco-modal {
width: 680px;
}
}
.ms-modal-large {
.arco-modal {
width: 960px;
}
}
.ms-modal-small {
.arco-modal {
width: 480px;
}
}
.ms-usemodal-medium {
width: 680px;
}
.ms-usemodal-large {
width: 960px;
}
.ms-usemodal-small {
width: 480px;
}

View File

@ -28,9 +28,9 @@ export default function useModal() {
simple: false,
...options,
titleAlign: 'start',
modalClass: `ms-modal-${options.mode || 'default'} ms-modal-${options.size || 'small'} ms-modal-${
options.type
}`,
modalClass: `ms-usemodal ms-usemodal-${options.mode || 'default'} ms-usemodal-${
options.size || 'small'
} ms-usemodal-${options.type}`,
}),
};
}

View File

@ -861,14 +861,14 @@
const importSuccessCount = ref(0);
const importFailCount = ref(0);
const importErrorFileUrl = ref('');
const importResult = ref<'success' | 'allFail' | 'fail'>('success');
const importResult = ref<'success' | 'allFail' | 'fail'>('allFail');
const importResultTitle = ref(t('system.user.importSuccessTitle'));
function showImportModal() {
importVisible.value = true;
importFailCount.value = 0;
importSuccessCount.value = 0;
importResult.value = 'success';
importResult.value = 'allFail';
}
function cancelImport() {