style: 修改上传组件全屏样式
This commit is contained in:
parent
fb47a28bc9
commit
9deabde693
|
@ -12,7 +12,7 @@
|
||||||
:disabled="props.disabled"
|
:disabled="props.disabled"
|
||||||
:class="getAllScreenClass"
|
:class="getAllScreenClass"
|
||||||
:style="{
|
:style="{
|
||||||
width: props.isAllScreen ? `calc(90% - ${menuWidth}px - 16px)` : '',
|
width: props.isAllScreen ? `calc(100% - 32px)` : '',
|
||||||
}"
|
}"
|
||||||
@change="handleChange"
|
@change="handleChange"
|
||||||
@before-upload="beforeUpload"
|
@before-upload="beforeUpload"
|
||||||
|
@ -170,7 +170,7 @@
|
||||||
(val) => {
|
(val) => {
|
||||||
if (val) {
|
if (val) {
|
||||||
total.value = '100vh';
|
total.value = '100vh';
|
||||||
other.value = `${props.cutHeight}px`;
|
other.value = `32px`;
|
||||||
showDropArea.value = false;
|
showDropArea.value = false;
|
||||||
} else {
|
} else {
|
||||||
total.value = '154px';
|
total.value = '154px';
|
||||||
|
@ -182,7 +182,9 @@
|
||||||
);
|
);
|
||||||
|
|
||||||
const getAllScreenClass = computed(() => {
|
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']
|
||||||
|
: [];
|
||||||
});
|
});
|
||||||
|
|
||||||
// 禁用默认拖拽事件
|
// 禁用默认拖拽事件
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
title: 'apiTestDebug.status',
|
title: 'apiTestDebug.status',
|
||||||
dataIndex: 'pass',
|
dataIndex: 'pass',
|
||||||
slotName: 'status',
|
slotName: 'status',
|
||||||
width: 80,
|
width: 100,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'apiTestDebug.reason',
|
title: 'apiTestDebug.reason',
|
||||||
|
|
Loading…
Reference in New Issue