vue中使用el-dialog设置弹窗对话框在前端显示为居中
时间：2024-03-27 16:16:03 来源：网络cs 作者：欧阳逸 栏目：卖家故事 阅读：
阅读本书更多章节>>>>
<style lang="scss" scoped>
阅读本书更多章节>>>>
废话不多直接上图
在所需要设置的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>
阅读本书更多章节>>>>
本文链接：https://www.kjpai.cn/gushi/2024-03-27/149584.html，文章来源：网络cs，作者：欧阳逸，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。