<view class="bottom" adjust-position="false">
<input placeholder="这是一个可以自动聚焦的input" auto-focus/>
<button size="mini">发送</button>
</view>
.bottom{width: 80%;display: flex;padding-bottom: 20rpx}
没弹窗时
弹窗后
<view class="bottom" adjust-position="false">
<input placeholder="这是一个可以自动聚焦的input" auto-focus/>
<button size="mini">发送</button>
</view>
.bottom{width: 80%;display: flex;padding-bottom: 20rpx}
没弹窗时
弹窗后
4 回答943 阅读
1 回答699 阅读✓ 已解决
1 回答693 阅读✓ 已解决
2 回答849 阅读
2 回答882 阅读
1 回答742 阅读✓ 已解决
2 回答599 阅读
微信小程序input组件配置:
adjust-position:true
(键盘弹起时,是否自动上推页面);或者还可以使用
cursor-spacing:100
(指定光标与键盘的距离,取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离)input组件