如附件
- 发布:2022-04-02 14:42
- 更新:2023-06-12 16:23
- 阅读:548
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macOS 11.6 (20G165)
HBuilderX类型: 正式
HBuilderX版本号: 3.3.13
手机系统: Android
手机系统版本号: Android 10
手机厂商: vivo
手机机型: x23 炫彩版
页面类型: nvue
vue版本: vue2
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
将nvue页面设置成adjustResize模式,将输入框fixed在底部
将nvue页面设置成adjustResize模式,将输入框fixed在底部
预期结果:
nvue页面,输入文字时,弹出键盘,webview的窗口范围变小,,fixed在底部的输入框能正常显示
nvue页面,输入文字时,弹出键盘,webview的窗口范围变小,,fixed在底部的输入框能正常显示
实际结果:
nvue页面,输入文字时,弹出键盘,fixed在底部的输入框被键盘遮挡
nvue页面,输入文字时,弹出键盘,fixed在底部的输入框被键盘遮挡
bug描述:
1、将nvue页面设置成adjustResize模式,将输入框fixed到底部,输入文字的时候,webview的范围没有变小,弹出的键盘会挡住输入框,在vue的页面下不会被遮挡
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"app-plus": {
"softinputMode": "adjustResize"
}
}
}
2、若nvue页面不支持adjustResize模式,有什么方案可以解决键盘挡住输入框的问题,由于需求问题,不允许页面往上推的方案