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完美解决。

相关推荐
全职计算机毕业设计9 分钟前
基于 UniApp 平台的学生闲置物品售卖小程序设计与实现
android·uni-app
涔溪14 分钟前
uni-app环境搭建
前端·uni-app
遛马14 分钟前
uni-app安装插件
uni-app
清云随笔3 小时前
uniapp|微信小程序 实现输入四位数 空格隔开
uni-app
一只欢喜5 小时前
uniapp使用uview2上传图片功能
前端·uni-app
ggome5 小时前
Uniapp低版本的安卓不能用解决办法
前端·javascript·uni-app
贰叁!13 小时前
uniapp输入车牌号组件
uni-app
她似晚风般温柔78915 小时前
Uniapp + Vue3 + Vite +Uview + Pinia 分商家实现购物车功能(最新附源码保姆级)
开发语言·javascript·uni-app
Jiaberrr16 小时前
前端实战:使用JS和Canvas实现运算图形验证码(uniapp、微信小程序同样可用)
前端·javascript·vue.js·微信小程序·uni-app
工业互联网专业18 小时前
毕业设计选题:基于springboot+vue+uniapp的驾校报名小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计