uniapp 解决键盘弹出页面内容挤压问题

page.json 配置

加 "app-plus": {

"softinputMode": "adjustResize"

}

javascript 复制代码
	{
		"path": "pages/jxx/xx",
		"style": {
			"navigationBarTitleText": "贺卡DIY",
			"enablePullDownRefresh": false,
			"app-plus": {
						"softinputMode": "adjustResize"
			}
		}
	},

背景图不要设置成高100%,实时监控窗口高度给背景图高赋值。

javascript 复制代码
<view class="bgbg" :style="{height: screenHeight == 0 ? '100%':screenHeight+'px'}"></view>
javascript 复制代码
created() {
			this.screenHeight = uni.getSystemInfoSync().windowHeight; 
},

ok完美解决。

相关推荐
窝子面11 小时前
uni-app的初体验
uni-app
笨笨狗吞噬者12 小时前
【uniapp】微信小程序实现自定义 tabBar
前端·微信小程序·uni-app
雪芽蓝域zzs15 小时前
uniapp MD5加密 加密传输 密码加密
uni-app
2501_9159090617 小时前
iOS 抓包不越狱,代理抓包 和 数据线直连抓包两种实现方式
android·ios·小程序·https·uni-app·iphone·webview
给钱,谢谢!17 小时前
记录uni-app Vue3 慎用 Teleport,会导致页面栈混乱
前端·vue.js·uni-app
郑州光合科技余经理1 天前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php
烈焰飞鸟2 天前
iconfont 在 uni-app 项目中的完整使用指南
vue.js·uni-app·iconfont
TON_G-T2 天前
uniapp-解放主包,组件下沉分包插件
webpack·uni-app
笨笨狗吞噬者2 天前
【uniapp】小程序支持分包存放微信自定义组件 wxcomponents
前端·微信小程序·uni-app
蓝色心灵-海2 天前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app