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

【报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后码农

确实不生效

要回复问题请先登录注册