下边是我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>
5 个回复
8***@qq.com (作者)
下边是我nvue的代码
下边是我app.vue的代码
<script>
export default {
onUniNViewMessage:function(e){
console.log("App.vue收到数据")
console.log(JSON.stringify(e.data));
plus.webview.currentWebview().setStyle({
</script>
<style>
/每个页面公共css /
</style>
8***@qq.com (作者)
这个是输入框没有聚焦的情况
下边是输入框聚焦的情况,文字完全被顶跑了
8***@qq.com (作者)
有没有人可以回复一下啊
2***@qq.com
回复你鬼
1***@qq.com - 90后码农
确实不生效