在做弹出窗体的时候,开始通过自动计算弹出高度,在改变浏览器大小的时候会出现布局乱了,后面想到通过样式定位解决
<el-dialog
custom-class="lzg-dialog-height"
>
</el-dialog>
.lzg-dialog-height{
width: 70%;
top: 7%;
right: 15%;
bottom: 7%;
left: 15%;
transform: translate(0%, 0%);
}
.lzg-dialog-height .el-dialog__body{
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
}
弹出窗体里form包含tabs样式
.lzg-dialog-form .el-tabs{
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
position: absolute;
}
.lzg-dialog-form .el-tabs .el-tabs__content{
top: 50px;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
position: absolute;
}