修复JModal弹框问题
This commit is contained in:
@@ -16,7 +16,7 @@
|
|||||||
<template v-if="!isNoTitle" slot="title">
|
<template v-if="!isNoTitle" slot="title">
|
||||||
<a-row class="j-modal-title-row" type="flex">
|
<a-row class="j-modal-title-row" type="flex">
|
||||||
<a-col class="left">
|
<a-col class="left">
|
||||||
<slot name="title">{{ title + 'jjjj' }}</slot>
|
<slot name="title">{{ title }}</slot>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col v-if="switchFullscreen" class="right" @click="toggleFullscreen">
|
<a-col v-if="switchFullscreen" class="right" @click="toggleFullscreen">
|
||||||
<a-button class="ant-modal-close ant-modal-close-x" ghost type="link" :icon="fullscreenButtonIcon"/>
|
<a-button class="ant-modal-close ant-modal-close-x" ghost type="link" :icon="fullscreenButtonIcon"/>
|
||||||
@@ -189,8 +189,7 @@ export default {
|
|||||||
|
|
||||||
& .ant-modal-body {
|
& .ant-modal-body {
|
||||||
/* title 和 footer 各占 55px */
|
/* title 和 footer 各占 55px */
|
||||||
height: 500px !important;
|
height: calc(100% - 55px - 55px);
|
||||||
background-color: pink;
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -206,9 +205,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ant-modal-body{
|
|
||||||
height:500px !important;
|
|
||||||
}
|
|
||||||
.j-modal-title-row {
|
.j-modal-title-row {
|
||||||
.left {
|
.left {
|
||||||
width: calc(100% - 56px - 56px);
|
width: calc(100% - 56px - 56px);
|
||||||
@@ -234,9 +231,7 @@ export default {
|
|||||||
border-bottom: 0 !important;
|
border-bottom: 0 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ant-modal-body{
|
|
||||||
height:500px !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
|
|||||||
@@ -188,7 +188,7 @@ export default {
|
|||||||
|
|
||||||
& .ant-modal-body {
|
& .ant-modal-body {
|
||||||
/* title 和 footer 各占 55px */
|
/* title 和 footer 各占 55px */
|
||||||
height: calc(80% - 55px - 55px);
|
height: calc(100% - 55px - 55px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user