怎么设置dialog的高度
时间: 2023-09-24 11:04:28 浏览: 178
Jquery中dialog属性
根据引用\[1\]中的内容,你可以通过在CSS中添加以下代码来设置Dialog的高度:
```css
.container-box {
/* 弹出层的高度 */
::v-deep .el-dialog.import-dialog {
height: auto;
max-height: 80vh;
overflow-y: auto;
}
/* 弹出层里内容的高度 */
::v-deep .el-dialog__body {
max-height: 70vh!important;
}
}
```
这段代码使用了`::v-deep`来穿透样式,然后分别设置了弹出层的高度和弹出层内容的高度。
另外,根据引用\[3\]中的内容,如果你想要设置固定高度的Dialog,你可以在根布局之下再包一层布局,并将这个布局的宽高设置为固定值。同时,你还需要给Dialog设置一个Style,其中包括背景暗淡和去掉标题栏的设置。具体的Style设置可以参考引用\[3\]中提供的示例。
希望这些信息对你有帮助!
#### 引用[.reference_title]
- *1* [el-dialog固定高度](https://blog.csdn.net/weixin_42132841/article/details/127870286)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Dialog设置宽高问题](https://blog.csdn.net/woaichihuoguoguo/article/details/123532619)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文