1.设置pages.json文件
将pages.json文件在指定的页面中加入以下配置 “softinputMode”: “adjustResize”
{
"path" : "pages/message/Chat",
"style": {
"app-plus": {
"softinputMode": "adjustResize"
}
}
}
2.设置最外层页面高度应为 100vh
具体代码如下,将container的高度设置为100vh
<template>
<view class="container">
内容代码区域.......
</view>
</template>
.container {
height: 100vh;
}
注意:
虽然加了100vh后,但是聊天窗口底部还是会被遮挡,这怎么办那?办法就是:把内框view设置成95vh,小于100vh就行。