修复JModal弹框问题
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user