VUE3 el-dialog 铺满全屏
时间: 2023-10-05 13:13:41 浏览: 176
全屏对话框
要使VUE3 el-dialog铺满全屏,可以使用以下样式:
```html
<style lang="scss" scoped>
.custom_dialog {
width: 100vw !important;
height: 100vh !important;
margin: 0 !important;
padding: 0 !important;
}
.custom_dialog_header {
display: flex;
justify-content: space-between;
}
.custom_dialog_menu {
padding: 4px 30px 0 0;
}
.custom_dialog_menu i {
color: #909399;
font-size: 15px;
}
.el-icon-full-screen {
cursor: pointer;
}
</style>
```
然后在el-dialog标签上添加一个class名为custom_dialog即可:
```html
<el-dialog
class="custom_dialog"
...
>
...
</el-dialog>
```
阅读全文