您当前的位置:首页 > 知识百科 

微信小程序input重影什么原因?怎么解决重影?

时间:2023-07-01 14:05 阅读数:4人阅读

  微信小程序input重影什么原因?怎么解决重影?微信小程序input输入框输入出现了重影的情况,这是什么原因呢?又该怎么去解决微信小程序input重影问题。

  微信小程序input重影怎么办?

  问题描述:输入框文字出现重影,如下

  输入框 在失去焦点和获得焦点的切换过程中,能清晰的看到输入框的问题的重影现象,如上图,经过一番折腾,我找到bug的出错原因即初步解决方案,仅供参考

  1、微信官方设计小程序文档给出了字体大小的规范,最小11pt,我自己设的是10pt,将其改成11pt之后,部分输入框不再出现重影,而是微信官方渲染的加粗效果

  微信官方字体规范如下:

  


  修改后的加粗效果如下:

  


还有的小程序输入框扔会出现重影,细看,再继续研究,发现是因为,flex布局,使得,输入框的长度不一致,我把输入框调成一样宽度就可以。

  微信小程序input重影什么原因?怎么解决重影?看完以上内容,大家对微信小程序input重影问题有了更深了解了,如果您想了解更多相关微信小程序内容,请多关注微小乔。

  

  微信小程序判断为空怎么办?关于小程序开发的问题

  微信小程序js全局判断和js调用方法

  微信小程序判断空值,小程序如何传值和取值