fix 标准分解单弹框默认全屏,处理全屏状态下的样式问题
This commit is contained in:
+18
-1
@@ -5,6 +5,7 @@
|
|||||||
:width="width"
|
:width="width"
|
||||||
:visible="visible"
|
:visible="visible"
|
||||||
:confirm-loading="confirmLoading"
|
:confirm-loading="confirmLoading"
|
||||||
|
fullscreen
|
||||||
switchFullscreen
|
switchFullscreen
|
||||||
@cancel="handleCancel">
|
@cancel="handleCancel">
|
||||||
|
|
||||||
@@ -32,7 +33,8 @@ export default {
|
|||||||
width: '90%',
|
width: '90%',
|
||||||
visible: false,
|
visible: false,
|
||||||
confirmLoading: false,
|
confirmLoading: false,
|
||||||
splitId: null
|
splitId: null,
|
||||||
|
isFullScreen: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -64,4 +66,19 @@ export default {
|
|||||||
/deep/ .ant-modal-body {
|
/deep/ .ant-modal-body {
|
||||||
background: #F0F2F4;
|
background: #F0F2F4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 处理全屏状态下的样式问题
|
||||||
|
.j-modal-box.fullscreen .ant-modal-content .ant-modal-body {
|
||||||
|
.ant-spin-nested-loading {
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
/deep/ .ant-spin-container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-container {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user