欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

uni-app底部输入框被软键盘部分挡住的解决方案

程序员文章站 2022-04-20 08:59:54
...

前提

要引入uni.css

解决方案

在输入框加上class=“uni-input” 和cursor-spacing=“0”(一定要两个一起加上,不然还是会挡住部分的

<input class="uni-input" cursor-spacing="0"/>

cursor-spacing

指定光标与键盘的距离,单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离