问题描述
当浏览器窗口非最大化时,部分长字段会被输入框遮挡
![例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据
APP 中接收数据代码:](https://i-blog.csdnimg.cn/blog_migrate/a2d99587b89901f45f1388d95f933b14.png)
解决方案:
页面展示的是form表单实现的,label 和input , 可以把label 设置固定宽度(ant-col-6)和input 设置固定宽度(ant-col-16),这样当浏览器窗口非最大化时,就不会遮挡
![例如:新建一个 对象,并将读取到的数据存入 ,然后 换成 。](https://i-blog.csdnimg.cn/blog_migrate/2f022f17de92a0fb4e8c4df47fb1453f.png)
要进行样式穿透,需要往上找到父级定义的class类名,如果没找到,就自己在外侧写一个div定义calss类名(例如flex),接下来就可以进行穿透修改样式了
/deep/.ant-col-6{
width: 160px;
}
/deep/.ant-col-16{
width: 425px;
}
}