el-dialog全屏模式下,如何使用div填充满整个body'
时间: 2023-06-02 16:04:40 浏览: 429
使用css使div占满整个屏幕的实现方法
可以使用以下的样式代码,实现div填充满整个body:
```
body {
margin: 0;
}
.el-dialog__wrapper--full-screen {
height: 100vh;
width: 100vw;
top: 0;
left: 0;
}
.el-dialog__body {
height: 100%;
width: 100%;
}
```
然后,在el-dialog中添加以下属性即可:
```
<el-dialog
:fullscreen="true"
:wrapper-class="'el-dialog__wrapper--full-screen'"
>
<div class="el-dialog__body">内容</div>
</el-dialog>
```
阅读全文