自定义组件<IP输入框>在el-form的不同size中出现显示异常的BUG及修复
场景复现:
在一次自定义IP输入框组件的应用中,因为el-form的size设置不同,导致组件的样式显示出错,场景复现如图:
因为是同一个组件的复用,因此定位于不同form表单的css差异性
原因分析:
显示正确的css:
显示错误的css:
显然,显示错误的这一组中,el-input__inner距离top的距离远了不少,但是其他的样式信息都是一致,因此怀疑因为form的size不同,导致其上下边距出现差异
继续检查.el-form-item
因为错误是出现在行内的,所以padding、
原创
2022-05-11 00:34:05 ·
936 阅读 ·
0 评论