当前位置:   article > 正文

ElementPlus Dialog fullscreen 设置全屏属性 屏幕下方空白的问题_element-plus dialog全屏

element-plus dialog全屏

设置Dialog fullscreen属性后内部元素无法完全铺满屏幕下方红色区域为空白

在这里插入图片描述

问题发现

找到Dialog控件部分后把下面的样式属性一个一个全部取消后发现是因为.el-dialog_body 这个class里面的max height:calc(90vh-111px) !important;这个属性导致的
多次测试目前没有找到有效的解决方案(不改动源码的情况下)
在这里插入图片描述

问题解决方案

通过修改源码的方式解决问题
通过全局检索找到element-ui.scss 这个文件里面的这个属性 然后修改
在这里插入图片描述

问题解决

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/283627?site
推荐阅读
相关标签
  

闽ICP备14008679号