目前我们的客服页面是放在底部tabbar的，然后看到这个底部输入框高度被tabbar遮挡，而且在真机点击guideList或者切换点击右边的+号，选择图片和视频的面板缩起来后，整个底部高度就缩成第二张图的样子。请问这是什么原因呢
今天再看一下，发现是不是动态设置聊天区域的高度有点问题，
刚进来的时候是正确设置的，
点击右边的加号的时候是展开下面选择相册和视频的面板，其实下面的相册的面板高度也被遮挡了一点，这个要怎么处理呢
然后点击+号收缩起来面板的时候，就设置聊天高度异常，导致聊天的框的高度被挤得很小
您好 请您提供一下相关代码片段。
.chat-wrap {
width: 100%;
Height: 100vh;
/deep/.chat--container {
display: flex;
flex-direction: column;
.chatBase--userheader {
background: transparent;
}
.welcomeCard--text {
.welcomeCard--header {
display: none;
}
.welcomeCard--leftView {
margin: 10px auto;
}
}
}
/deep/movable-area {
flex: 1;
overflow-y: auto;
}
/deep/.operateCard--operateCard {
.operateCard--bottomView {
height: 0;
}
.operateCard--bottom-operate-view {
padding-bottom: 8px;
}
.operateCard--boxContainer {
&:last-child {
display: none;
}
}
}
}。
但是又有另一个问题就是点击输入内容弹窗系统输入法会遮挡住文本框，是因为我样式的设置么，现在目前就是重新插件里面的元素样式，整个聊天页面是flex布局，聊天显示的上部分就flex1， overflow-y: auto；弹性撑开高度，不动态设置，这样设置之后是不会被tabbar遮挡了，但是会点开输入法会遮挡输入框。