本文主要是介绍uniapp 解决键盘弹出页面内容挤压问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
page.json 配置
加 “app-plus”: {
“softinputMode”: “adjustResize”
}
{"path": "pages/jxx/xx","style": {"navigationBarTitleText": "贺卡DIY","enablePullDownRefresh": false,"app-plus": {"softinputMode": "adjustResize"}}},
背景图不要设置成高100%,获取窗口高度给背景图高赋值。
<view class="bgbg" :style="{height: screenHeight == 0 ? '100%':screenHeight+'px'}"></view>
created() {this.screenHeight = uni.getSystemInfoSync().windowHeight;
},
ok完美解决。
这篇关于uniapp 解决键盘弹出页面内容挤压问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!