style: 修改上传组件全屏样式

This commit is contained in:
xinxin.wu 2024-04-15 20:51:52 +08:00 committed by Craftsman
parent fb47a28bc9
commit 9deabde693
2 changed files with 6 additions and 4 deletions

View File

@ -12,7 +12,7 @@
:disabled="props.disabled"
:class="getAllScreenClass"
:style="{
width: props.isAllScreen ? `calc(90% - ${menuWidth}px - 16px)` : '',
width: props.isAllScreen ? `calc(100% - 32px)` : '',
}"
@change="handleChange"
@before-upload="beforeUpload"
@ -170,7 +170,7 @@
(val) => {
if (val) {
total.value = '100vh';
other.value = `${props.cutHeight}px`;
other.value = `32px`;
showDropArea.value = false;
} else {
total.value = '154px';
@ -182,7 +182,9 @@
);
const getAllScreenClass = computed(() => {
return props.isAllScreen ? ['!fixed', 'right-[16px]', '-bottom-[10px]', 'z-[999]', 'opacity-90'] : [];
return props.isAllScreen
? ['!fixed', 'right-0', 'left-0', 'bottom-0', 'top-4', 'm-auto', 'z-[999]', 'opacity-90']
: [];
});
//

View File

@ -34,7 +34,7 @@
title: 'apiTestDebug.status',
dataIndex: 'pass',
slotName: 'status',
width: 80,
width: 100,
},
{
title: 'apiTestDebug.reason',