fix(ui):修复弹窗按钮超出弹窗外的问题

This commit is contained in:
chengqian committed 2026-05-29 14:55:58 +08:00
1 parent 65d734c51c
commit f629ca898d
2 files changed
+3 -18

No files matched your search

+3 -3
View File
@@ -305,6 +305,7 @@ body {
border-radius: var(--ta-radius-xl);
max-height: calc(100vh - 64px);
margin: 32px auto;
display: flex;
flex-direction: column;
}
.arco-modal-wrapper .arco-modal .arco-modal-header,
@@ -312,12 +313,11 @@ body {
flex-shrink: 0;
}
.arco-modal-wrapper .arco-modal .arco-modal-body {
flex: 1;
display: flex;
flex-direction: column;
overflow-y: auto;
min-height: 200px;
max-height: 80vh;
margin-bottom: 20px;
min-height: 80px;
}
/* Pagination */
@@ -353,7 +353,6 @@ const { exporting, exportFile } = useExport({
:width="480"
:on-before-ok="handleSubmit"
:ok-loading="formLoading"
modal-class="modal-scroll"
>
<AForm ref="formRef" :model="form" :auto-label-width="true" layout="vertical">
<AFormItem field="name" label="租户名称" :rules="[{ required: true, message: '请输入租户名称' }]">
@@ -390,7 +389,6 @@ const { exporting, exportFile } = useExport({
:width="560"
:on-before-ok="handleCreateSubmit"
:ok-loading="createFormLoading"
modal-class="modal-scroll"
>
<AForm ref="createFormRef" :model="createForm" :auto-label-width="true" layout="vertical">
<AFormItem field="tenant_name" label="租户名称" :rules="[{ required: true, message: '请输入租户名称' }, { minLength: 2, maxLength: 100, message: '租户名称长度为2-100位' }]">
@@ -430,16 +428,3 @@ const { exporting, exportFile } = useExport({
border-top: 1px solid var(--ta-border-light);
}
</style>
<style>
.modal-scroll {
max-height: calc(100vh - 100px);
display: flex;
flex-direction: column;
}
.modal-scroll > .arco-modal-body {
flex: 1;
min-height: 0;
overflow-y: auto;
}
</style>