微信小程序输入框的一些问题

1.微信小程序处理软键盘弹出布局上移遮住输入框的解决方法

 

 相信很多人在开发微信小程序时都遇到这个问题，当你在小程序上预览时，底部的input在聚焦时弹出的软键盘会把input框遮住一小部分，不管是inpu还是textarea  给他们设置cursor-spacing属性就可以解决这个问题 了。

  

以input作为例子

<input placeholder='请输入初试专业课成绩' cursor-spacing='20'></input>

 

2.input框在手机上显示出现跳动问题

 

一般情况下input都是包裹在view标签里如果你想要输入框有边框可以给view设置在view上，小程序上的input有默认高度，当你给input设置高度时在手机上显示会有出现文字跳动一下再居中，后来在测试的时候我发现给input设置margin-top微调时还是会有抖动。（还是会有抖动）；

解决方案：（还未验证，从别处搬过来的）

input组件有个默认的宽高，在使用flex布局的时候，发现会影响到页面的布局，input有个样式min-height:1.4rem，将样式min-height改一下。