uni-app 输入框键盘把背景图顶上去

前言

基于 uin-app 开发h5应用，某页面有个 input 如输入框，input框输入时软键盘会把页面背景图顶上去。

解决方案–把页面高度定成视口高度

<template>
	<view class="content" :style="'height:'+screenHeight+'px !important;'">
			<view >
				<input class="uni-input" name="username" maxlength="6" placeholder="请输入汉字" style="padding-left: 10rpx;"/>
			</view>
	</view>
</template>

<script>
	export default {
		data(){
			screenHeight: '' //视口高度
 		},
		onLoad() {
			 this.screenHeight = uni.getSystemInfoSync().windowHeight; // 把页面高度定成视口高度
		},
	}
</script>