修复JModal弹框问题

This commit is contained in:
zer0Black
2023-08-16 22:17:13 +08:00
parent 077a165dd3
commit 2bac8d8fae
2 changed files with 5 additions and 10 deletions
@@ -16,7 +16,7 @@
<template v-if="!isNoTitle" slot="title">
<a-row class="j-modal-title-row" type="flex">
<a-col class="left">
<slot name="title">{{ title + 'jjjj' }}</slot>
<slot name="title">{{ title }}</slot>
</a-col>
<a-col v-if="switchFullscreen" class="right" @click="toggleFullscreen">
<a-button class="ant-modal-close ant-modal-close-x" ghost type="link" :icon="fullscreenButtonIcon"/>
@@ -189,8 +189,7 @@ export default {
& .ant-modal-body {
/* title 和 footer 各占 55px */
height: 500px !important;
background-color: pink;
height: calc(100% - 55px - 55px);
overflow: auto;
}
}
@@ -206,9 +205,7 @@ export default {
}
}
}
.ant-modal-body{
height:500px !important;
}
.j-modal-title-row {
.left {
width: calc(100% - 56px - 56px);
@@ -234,9 +231,7 @@ export default {
border-bottom: 0 !important;
}
}
.ant-modal-body{
height:500px !important;
}
}
@media (max-width: 767px) {
@@ -188,7 +188,7 @@ export default {
& .ant-modal-body {
/* title 和 footer 各占 55px */
height: calc(80% - 55px - 55px);
height: calc(100% - 55px - 55px);
overflow: auto;
}
}