<div class="inputBox" >
<input class="input" :adjust-position="false" type="text"/>
<div class="send">
<text class="sendText">发送</text>
</div>
</div>
.inputBox {
/* #ifndef APP-PLUS */
display: flex;
/* #endif */
/* #ifdef H5 */
box-sizing: border-box;
/* #endif */
flex-direction: row;
padding: 10px 20px;
height: 56px;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 0;
left: 0;
width: 750upx;
background-color: #fff;
}
.input {
padding: 0 20px;
background-color: #F0F0F0;
height: 33px;
line-height: 33px;
color: #666666;
font-size: 14px;
border-radius: 18px;
flex: 1;
text-align: left;
}
g***@qq.com
- 发布：2021-07-06 17:00
- 更新：2021-07-07 11:51
- 阅读：670
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.18
手机系统： iOS
手机系统版本号： iOS 13.1
手机厂商： 苹果
手机机型： iphoneX,iphone11
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
键盘弹起时不上推页面 键盘收起后 页面不变形
键盘弹起时不上推页面 键盘收起后 页面不变形
实际结果：
键盘弹起时上推页面 键盘收起后 页面变形
键盘弹起时上推页面 键盘收起后 页面变形
bug描述：
当 input 位于页面底部时 点击输入框 键盘弹起后 会上推页面 :adjust-position="false" 此属性设置并不生效 并且 输入框失去焦点后键盘收起 页面高度 会被刚才的键盘高度顶上去 下面出现空白
如图
