8***@qq.com
8***@qq.com
  • 发布:2019-01-27 17:36
  • 更新:2022-06-24 10:36
  • 阅读:1667

【报Bug】nvue里边设置了键盘adjustResize属性,但是不起作用

分类:nvue

在nvue里边设置了键盘的onfocus和created的时候,
uni.postMessage({test: "inputMode",value:"adjustResize"});

然后再App.Vue里边设置了
plus.webview.currentWebview().setStyle({
softinputMode: "adjustResize" // 弹出软键盘时自动改变webview的高度
});

然后自己做的导航栏依然会被顶上去,同时我设置了position:fixed,top:0的div也会被顶上去

2019-01-27 17:36 负责人:无 分享
已邀请:
8***@qq.com

8***@qq.com (作者)

下边是我nvue的代码

<template>  
	<div class="content">  
		<div class="wrapper">  
			<text style="margin-top: 100px;">我是文字哦,哈哈哈哈哈</text>  
			<div class="bottom">  
				<input class="input" @focus="focus"></input>  
			</div>  
			  
		</div>  
	</div>  
</template>  
  
<script>  
	  
	export default {  
		created() {  
			uni.postMessage({test: "数据",value:"数据"});  
		},  
		data() {  
		},  
		methods: {  
			focus(){  
				console.log('focus');  
				uni.postMessage({test: "数据",value:"数据"});  
				console.log('focus end')  
			}  
		}  
	}  
</script>  
  
<style>  
	.wrapper{  
		position: fixed;  
		bottom: 0;  
		top: 0;  
		left: 0;  
		right: 0;  
		background-color: #ff0000;  
	}  
	.bottom{  
		position: fixed;  
		bottom: 0;  
		left: 0;  
		right: 0;  
		height: 100px;  
		background-color: #00ff00;  
	}  
	.input{  
		width: 750px;  
		height: 80px;  
		line-height: 80px;  
		background-color: #0000ff;  
	}  
	  
</style>  

下边是我app.vue的代码

<script> export default { onUniNViewMessage:function(e){ console.log("App.vue收到数据") console.log(JSON.stringify(e.data)); plus.webview.currentWebview().setStyle({ softinputMode: "adjustResize" // 弹出软键盘时自动改变webview的高度 }); }, onLaunch: function () { console.log('App Launch') }, onShow: function () { console.log('App Show') }, onHide: function () { console.log('App Hide') } } </script> <style> /*每个页面公共css */ </style>
8***@qq.com

8***@qq.com (作者)

这个是输入框没有聚焦的情况

下边是输入框聚焦的情况,文字完全被顶跑了

8***@qq.com

8***@qq.com (作者)

有没有人可以回复一下啊

2***@qq.com

2***@qq.com

回复你鬼

1***@qq.com

1***@qq.com - 90后码农

确实不生效

要回复问题请先登录注册