1.弹窗更新
parent
bd11b15233
commit
c886405b22
|
|
@ -1,11 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<el-dialog v-model="dialog_visible" class="radius-lg diy-preview" width="1168" :close-on-click-modal="false" append-to-body>
|
<el-dialog v-model="dialog_visible" class="radius-lg dialog-center oh" width="1168" :close-on-click-modal="false" append-to-body>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="title re">
|
<div class="title re">
|
||||||
<div class="middle size-16 fw">预览</div>
|
<div class="middle size-16 fw">预览</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="flex-row iframe-content">
|
<div class="flex-row iframe-content oh">
|
||||||
<iframe :src="new_link" width="100%" height="100%" frameborder="0"></iframe>
|
<iframe :src="new_link" width="100%" height="100%" frameborder="0"></iframe>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
|
||||||
|
|
@ -214,7 +214,7 @@ p {
|
||||||
}
|
}
|
||||||
|
|
||||||
// 弹窗样式调整
|
// 弹窗样式调整
|
||||||
.diy-preview.el-dialog {
|
.dialog-center.el-dialog {
|
||||||
--el-dialog-margin-top: 0;
|
--el-dialog-margin-top: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -223,6 +223,6 @@ p {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
max-height: calc(100% - 30px);
|
max-height: calc(100% - 3rem);
|
||||||
max-width: calc(100% - 30px);
|
max-width: calc(100% - 3rem);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue