vue中使用el-dialog设置弹窗对话框在前端显示为居中
2024-03-02 01:20:04
分类：前端
热度：40
评论： 0
废话不多直接上图
在所需要设置的vue文件底部设置
附上代码：
<style lang="scss" scoped>
::v-deep .el-dialog{
display: flex;
flex-direction: column;
margin:0 !important;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
max-height:calc(100% - 30px);
max-width:calc(100% - 30px);
}
::v-deep .el-dialog .el-dialog__body{
flex:1;
overflow: auto;
}
</style>
