样式
我们需要在style
标签中写上如下的样式,这里使用的less
或者scss
.abow_dialog {
display: flex;
justify-content: center;
align-items: Center;
overflow: hidden;
.el-dialog {
margin: 0 auto !important;
height: 90%;
overflow: hidden;
.el-dialog__body {
position: absolute;
left: 0;
top: 54px;
bottom: 0;
right: 0;
padding: 0;
z-index: 1;
overflow: hidden;
overflow-y: auto;
}
}
}
标签
- 在el-dialog标签中设置
class="abow_dialog"
即可 - 弹窗为页面高度的90%,且上下居中