小程序 键盘挡住底部输入框解析

**

底部是单行输入框：

**
因为是当行输入框，可用小程序组件自带的cursor-spacing（光标到键盘的距离），设置输入框到键盘的距离即可

**

底部是多行输入框textarea

**
解题思路：输入框会被键盘挡住，是因为输入框的高度没有键盘高度高，可将输入框与底部的距离设置为键盘的高度即可

1. 编写样式，判定输入框获取焦点时，将输入框与底部的padding / height 增加；
2. bindfocus事件可获取键盘的高度，e.detail.height
   注意：因为PC端的编辑器没有键盘，可在手机上预览时进行调试，可以看到这个参数
3. 失去焦点时将第一步设置的距离恢复为0即可；

斜体样式遗留问题：focus=’{ {focus}}’ 与 focus=‘focus’ 究竟有什么区别